分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

语句、变量等js最基本知识

发布时间:2023-09-06 01:40责任编辑:顾先生关键词:js

JavaScript的最为基本知识


 1语法

js是区分大小写的;标识符就是指变量、函数、属性的名字或者是参数,标识符可以是字母,下划线,美元符号,数字,注意第一个不能是数字;js采用的是驼峰大小格式;js的单行和多行注释;严格模式下直接“use strict”即可。关键字和保留字,比如break,case等等。

变量:js的变量类型是松散型的,即可以保留任何类型的数据,每个变量仅仅是个占位符,var 声明变量为局部变量,没有var的即为全局变量。

2数据类型

js的数据类型有五种简单的数据类型undefined,string,number,Boolean,null,还有一个复杂的数据类型object,由于js具有动态性,所以足以应付。

typeof操作符,检测数据类型,当然还能检测到function,注意:检测到为object时可能是对象可能是null

2.1undefined类型

只有一个值undefined,使用var声明变量,但是没有对其初始化,即为undefined,没有声明的变量会报错,注意:但是用typeof进行检测却为undefined,所以需要的变量一定先声明。

2.2null类型

只有一个值null,是一个空对象指针,所以typeof会检测为object,如果声明好的变量要保存为对象,最好保存为null比较好

2.3Boolean类型

有两个字面量为true和false,但是js中的所有类型都可以转为对应的Boolean值,用转型函数Boolean()即可,

string类型的任何非空字符串,number类型的任何非零数字值,object任何对象都为true

string类型的空字符串,number类型的0和NaN,和null都为false

这种转换对于流程控制语句比如(if条件语句)会自动的执行相应的Boolean转换

2.4number类型

使用IEEE754格式表示整数和浮点数

浮点数值:必须包含一个小数点并且小数点后必须至少有1个数字,浮点数值的内存空间为整数数值的两倍所以js会对其转换比如10.0会自动转为整数值;浮点数的计算精准度比较低比如0.1+0.2!=0.3,不要测试某个特定的浮点数值。

数值范围:存在无限大和无限小,测试某个值是不是有穷的用isFinite()

NaN:not a number,NaN与任何值都不相等包括NaN本身

数值转换:有3个函数可以将非数值转换为数值类型,为Number(),parseInt(),parseFloat()。Number()可以用于任何数据类型,而后俩个则专门应对字符串的。

Number()的转换 ???????var num1=Number("hello") //NaN ??????var num6=Number(undefined) //NaN 
??????var num2=Number("") ?????//0 ??????var num3=Number(null) ???//0 ??????var num4=Number("0001") ?//1 ??????var num5=Number(true) ???//1

面对string时,整数常常用parseInt(),只会得到前面的整数,八进制和十六进制,

 parseInt的转换 ??????var num1=parseInt("123blue") ?//123 ??????var num2=parseInt("") ????//NaN ??????var num3=parseInt("070") ?//八进制的56 ??????var num4=parseInt("70") ??//70 ??????var num5=parseInt("0xf") ?//十六进制的15

         var num1=parseInt("10",2) //2按照2进制解析

小数用parseFloat,始终忽略前面的0,只有第一个小数点为有效的,只解析十进制

2.5string类型

字符串,单引号或者双引号

转义序列:\n表示换行,\t表示制表等等,看做一个字符来解析

转换为字符串:toString()方法,数值,布尔值,对象,字符串值,都有toString()方法,但是null,undefined没有;调用数值时可以用 toString(2)表示进制。当然可以使用String()转型函数,当不知道是不是null和undefined时候,

2.6object类型

js的对象是一组数据和功能的集合,可以通过new操作符创建,object每个实例都有以下属性和方法

constructor保存用于创建当前函数的对象

hasOwnProperty()用于检查给定的属性在当前对象实例中是否存在,参数属性名必须以字符串表示

isPrototypeOf()用于检查传入的对象是否是当前对象的原型

toLocaleString()返回对象的字符串表示

toString()返回对象的字符串表示

valueOf()返回对象的字符串、数值、布尔值表示

3操作符

操作符包括算术操作符、位操作符、关系操作符、相等操作符,可以适用于很多值,数值,字符串,布尔,对象,当应用于对象时,会将转为valueOf()和toString()方法取得操作的值

3.1一元操作符

只能操作一个值

递增递减操作符

分为前置型和后置型,比如i++和++i等等,前置的递增递减,变量的值都是在语句被求值以前被改变的;后置型的递增递减,变量值在语句被求值以后被改变的

 ??????var num1=2 ??????var num2=20 ??????var num3=num1--+num2 //22 ??????var num4=num1+num2 ??//21

一元加和一元减操作符

一元加,没什么效果;一元减则是负数了

位操作符不说

布尔操作符

非,与,或

非:返回一个布尔值,然后求反;null,undefined,NaN都返回true

与:都是布尔值时,一个为true则为true,都是false才为false;

或:一个为true则为true

乘性操作符

乘法* 除法/ 求模%

加性操作符

普通的加法即为加法,当操作数为字符串时:两个都是则直接连接一起,一个是字符串,则另一个转为字符串再连接一起

当有一个操作数为对象,数值,布尔值时,则调用他们的toString()方法取得相应的字符串值,再连接,对于null和undefined则调用String()方法取得的是null和undefined

注意:每个加法是独立操作的,按照顺序的,所以加性操作的时候要注意括号括起来

 ??????var age=25 ??????var sex="25" ??????var name=true ??????var one=null ??????var two=undefined ??????console.log(age+sex) ?//2525 ??????console.log(age+name) //25true ??????console.log(age+one) ?//25 ??????console.log(name+one) //truenull ??????console.log(one+two) ?//NaN

减法:当有一个操作数为字符串,数值,布尔值,null,undefined时,则调用他们的Number()方法取得相应的字符串值;当有个操作符为对象时,则调用对象的valueOf()方法,否则为String()方法

 ??????var age=25 ??????var sex="25" ??????var name=true ??????var one=null ??????var two=undefined ??????console.log(age-sex) ?//0 ??????console.log(age-name) //NaN ??????console.log(age-true) //24 ??????console.log(age-one) ?//25 null转为0

关系操作符

两个都是数值则直接比较数值;都是字符串则比较字符串编码;一个是数值则另一个转为数值;一个是对象,则调用valueOf()方法,toString()方法,布尔值转换为数值

 ??????var num1=23>3 ????????????var num2="23">"3" ??????var num3="23">3 ??????var num4="Abc">"abc" ??????var num5=true>false ??????var num6=NaN<3 ??????console.log(num1) //true ??????console.log(num2) //false ??????console.log(num3) //true ??????console.log(num4) //false ??????console.log(num5) //true
??????console.log(num6) //false ??NaN无法比较都是false

相等操作符

相等和不相等,全等和不全等,区别在于是否进行数据类型的转变在做比较判断

相等操作符会先强制转换,布尔值则先转为1和0;一个为字符串和数值,则先转为数值;一个为对象则先调用valueOf()方法;null和undefined是相等的,NaN不等于NaN,都是对象则比较是否为同一对象

全等操作符则不会强制转换,保留原有的数据类型,“55”!==55

条件操作符

var max=(num1>num2)?num1:num2;

赋值操作符

age+= age*=等等之类

逗号操作符

声明多个变量;用于赋值时,返回表达式的最后一项

 4语句

条件语句

if语句:if条件语句,内为布尔值的判断

switch语句:一般多种情况的讨论,避免if语句的累积,也是布尔值的判断

 ????var i=5; ????switch(i){ ????????case 1: ????????//合并两种情况,所以没有break,一般情况下都要带的 ????????case 2: ??????????console.log("hello"); ??????????break; ????????case 3: ??????????console.log("hello"); ??????????break; ????????case 4: ??????????console.log("hello"); ??????????break; ????????case 5: ??????????console.log("hello"); ??????????break; ????????case 6: ??????????console.log("hello"); ??????????break; ????????default: ??????????????????????????//不匹配时的情况 ??????????console.log("world"); ????} ????switch("hello"){ ?????????????????????//switch语句中可以是数值,字符串,对象;case值也可以是常量,变量甚至表达式 ??????????case "hello": ????????????console.log("hello is founded"); ????????????break; ??????????case "world": ????????????console.log("world is founded"); ????????????break; ??????????default: ????????????console.log("nothing"); ????} ?????????var i=7; ?????switch(true){ ????????????????//之所以可以传递true,因为每一个case返回的是布尔值,switch语句中比较是全等操作符,所以不会是"99"与99相等 ??????????case i<10: ????????????console.log("i<10"); ????????????break; ??????????case i>10: ????????????console.log("i>10"); ????????????break; ??????????default: ????????????console.log("i=10"); ????}

循环语句

一般来说:for循环适合已知的循环次数,while循环适合未知的循环次数。

do-while语句:后测试循环语句,这个循环至少执行一次;

while语句:前测试循环语句;

 ?????var i=0; ?????while(i<=100){ ???????????i++ ????????????????????i++一定要有的,否则这就是个死循环 ?????} ?????console.log(i) ?//101 ?????var j=0; ?????do{ ?????????j++ ?????}while(j<=100) ?????console.log(j) ?//101 ??循环至少先执行一次

计算1——100之间的和

 ?????var sum=0; ?????var summ=0; ?????var n=1; ?????while(n<=100){ ???????????sum+=n; ???????????n++ ?????} ?????????console.log(sum) ???//5050 ?????for(var i=1;i<=100;i++){ ?????????????summ+=i ?????} ?????console.log(summ) ??//5050

计算1——100之间奇数的和

 ?????var sum=0; ?????for(var i=1;i<=100;i+=2){ ?????????????console.log(i) ???????????sum+=i ?????} ?????console.log(sum) ??//2500 ???????????var summ=0; ?????var j=1; ?????while(j<=100){ ???????????if(j%2==1){ ?????????????????console.log(j) ?????????????????summ+=j ???????????} ???????????j++ ?????} ?????console.log(summ) ?//2500

for语句:前测试循环语句,具有初始化变量和定义循环后要执行代码的能力;由于js不存在块级作用域,所以循环内部定义的变量也可以在外部访问;

for(语句一;语句二;语句三)语句一为初始化变量,首先执行;语句二为循环的条件判断;语句三是对变量的增值,在循环代码块执行后才执行;

执行的顺序:语句一先经过语句二判断然后进入循环(这里不会经过语句三),执行循环后再执行语句三,再语句二,再进入循环

       for(var i=1;i<=100;i++){
          console.log(i)          //1——100
       }
       alert(i)                   //101

       for(var i=99;i>=1;i-=2){
         console.log(i)           //99,97……1
       }
       alert(i)                   //-1

循环的嵌套:外层循环为假,内层循环不执行;先执行外层再执行内层,直到内层为假时才返回外层执行

 ?????for(var i=1;i<=3;i++){ ????????????console.log(i) ????????????for(var j=1;j<=5;j++){ ????????????????????console.log(j) ????????????} ?????}

for-in语句:精准的迭代语句,用来枚举对象的属性;在枚举之前检测迭代的变量值不是null或undefined

 ??????for(var propName in window){ ????????????????console.log(propName) ??????}

label语句:添加标签,一遍将来使用

 ??????start:for(var i=0;i<3;i++){ ??????????????alert(i) ??????}

break和continue语句:在循环中精准的控制代码的执行

break语句直接退出循环,执行循环之后的代码

continue直接退出本次循环,重新执行下一次的循环

 ??????var num=0; ??????for(var i=1;i<10;i++){ ???????????????if(i%5==0){ ????????????????????break ???????//直接退出此次循环 ???????????????} ????????????????????????????????num++ ??????} ??????alert(num) ????????????????//4

       var num=0;
       for(var i=1;i<10;i++){
           if(i%5==0){
               continue            //不会执行后面操作,会从循环顶部重新的开始 ????
          } ????????????????
           num++
      }
      alert(num)                   //8

注意:在分辨循环前,首先看循环的范围到底是什么,然后再看里面的代码块。break和continue会和label联合使用,从而返回代码中特定的位置,常常发生在循环嵌套的情况下

以下讨论break和continue以及label的用法:

 ????var numb=0; ????for(var i=0;i<10;i++){ ??????????for(var j=0;j<10;j++){ ????????????????????if(i==5&&j==5){ ???????????????????????????break ???????//这里的break只是退出了内部循环,忽略了55,56,57,58,59,当i=6时又为正常 ????????????????????} ????????????????????numb++ ??????????} ????} ????alert(numb) ???????????????????????//95 ?????????var numb=0; ????output: ????for(var i=0;i<10;i++){ ????????????for(var j=0;j<10;j++){ ???????????????????if(i==5&&j==5){ ???????????????????????????break output ????//由于有label的缘故,直接退出整个大循环 ???????????????????} ???????????????????numb++ ????????????} ????} ???alert(numb) ??????????????????????//55
 ????var numb=0; ????for(var i=0;i<10;i++){ ??????????for(var j=0;j<10;j++){ ????????????????????if(i==5&&j==5){ ???????????????????????????continue ???????//这里的continue只是当i,j为5时重新下一次循环 ????????????????????} ????????????????????numb++ ??????????} ????} ????alert(numb) ?????????????????????//99 ?????????var numb=0; ????output: ????for(var i=0;i<10;i++){ ????????????for(var j=0;j<10;j++){ ???????????????????if(i==5&&j==5){ ???????????????????????????continue output ????//由于有label的缘故,直接退出整个大循环55,56,57,58,59直接忽略,然后重新 ???????????????????} ???????????????????numb++ ????????????} ????} ???alert(numb) ????????????????????//95

with语句

将代码的作用域设置到一个特定的对象中,简化多次编写同一个对象的工作;width内的变量都为局部变量,当局部环境找不到变量的定义,会从location对象的属性中查找,如果有则可以的。由于调试困难和性能下降,不建议大量使用

 ????var qs=location.search.substring(1); ????var hostname=location.hostname; ????var url=location.href; ?????????????????????????????????????????????with(location){ ???????????????????//由于上述代码都包含对象location,所以说用width来简化 ??????????var qs=search.substring(1); ??????????var hostname=hostname; ??????????var url=href; ????}

基础不牢,地动山摇

语句、变量等js最基本知识

原文地址:https://www.cnblogs.com/iDouble/p/8367224.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved