语句变量等js最基本知识

Posted 决起而飞

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了语句变量等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最基本知识的主要内容,如果未能解决你的问题,请参考以下文章

20个简洁的 JS 代码片段

前端开发中最常用的JS代码片段

20个简洁的 JS 代码片段

js基础

Python基本语法与变量的相关介绍

9.13面经