ES6+的功能

ES6+的功能

var、let、const关键字辨析
var

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

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

2. 存在变量提升

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

3. 没有块级作用域

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不是立即调用函数，循环会很快走到尽头

2. 存在暂时性死区

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

3. 不存在变量提升

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

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

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

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

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

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

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