ES6+的功能

小灰灰 2023-02-27 13:47 7阅读 0赞

ES6+的功能

**var、let、const关键字辨析**  
**var**

1.  可以重复定义同名变量

var name='Bob';
    var name='Tom';
    console.log(name) //Tom

1.  存在变量提升

//javascript 可以将变量提升 
    a = 2
    console.log(a); //2 
    var a
    //但是初始化的变量是不能提升的
    console.log(b); //undefined
    var b=3;

1.  没有块级作用域

let arr=[];
    for(var i=0;i<2;i++){ 
      arr[i]=function(){ 
        console.log(i)
      }
    }
    arr[0](); //2
    arr[1](); //2
    //var 没有块级作用域，i是全局变量 又因为function不是立即调用函数，循环会很快走到尽头

**let**

1.  具有块级作用域

let arr=[];
    for(let i=0;i<2;i++){ 
      arr[i]=function(){ 
        console.log(i)
      }
    }
    arr[0](); //0
    arr[1](); //1
    // 如果是var 结果就是2，2 因为var没有块级作用域，i是全局变量 又因为function不是立即调用函数，循环会很快走到尽头

1.  存在暂时性死区

let b=10;
    function fn(){ 
      console.log(b);
      let b=20
    }
    fn(); 
    //会报错 Cannot access 'b' before initialization

1.  不存在变量提升

x=3;
    console.log(x); //会报错 Cannot access 'b' before initialization
    let x;

1.  不能重复定义同名变量

let name='Bob';
    let name='Tom';
    console.log(name) 
    // 会报错 Identifier 'name' has already been declared

**const**

1.  具有块级作用域

if(true){ 
      const num=10;
    }
    console.log(num) //会报错 num is undefined

1.  声明的变量是只读并且需要赋值

const PI 
    console.log(PI) //会报错 Missing initializer in const declaration
    const P=3.1415;
    p=3;
    console.log(p)//会报错 Assignment to constant variable.

1.  如果申明的是引用类型(复杂类型数据)内容可以修改但是地址不可以修改

const obj = 
          { 
            name: 'xm',
            age: 23
          }  
    obj.age = 24;
    console.log(obj); // 可以操作
    obj = { }; //欲修改地址，会报错
    console.log(obj);