es6新增命令let,用于声明变量,他与var的不同主要有三点:
- let有块级作用域
- let没有变量提升
- 同级作用域内,let不可以重复定义
let有块级作用域:
es5
for(var i=0;i<5;i++){ };console.log(i) //5 |
es6
for(let i=0;i<5;i++){ };console.log(i) //报错 |
第一个for循环变量i的作用域为window,所以会输出5,第二个for循环,变量i的作用域为for循环内部,外部访问不到i,所以报错。
let没有变量提升:
es5
console.log(i);//undefinedvar i = 123; |
es6
console.log(i);//报错let i = 123; |
由于let定义的变量没有变量提升,所以提前调用会报错。
同级作用域内,let不可以重复定义:
es5
es6
再试一下非同级作用域let是否可以重复定义
function fn1(){ let i = 1; console.log(i); //1 function fn2(){ let i = 2; console.log(i); //2 } fn2();}fn1(); |
在非同级作用域下let是可以重复定义的,而且父子作用域互不干涉。
ps:阮老师博客里的”暂时性死区”是啥,没看明白
es新增const命令,用于定义常量。
引用阮一峰博客的一句话:
const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,const只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就完全不能控制了。因此,将一个对象声明为常量必须非常小心。
举个例子:
const a = 123;a = 345;//报错 |
const arr = [1,2,3];arr[0] = 9; |
const o = {a:1,b:2};o.a = 9; |
原标题:es6的let与const
关键词: