es6的let与const

2018-06-24 00:16:15来源：未知阅读 ()

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);//undefined

var i = 123;

es6

console.log(i);//报错

let i = 123;

由于let定义的变量没有变量提升，所以提前调用会报错。

同级作用域内，let不可以重复定义:

es5

var i = 1;

var i = 2;

es6

let i = 1;

let i = 2;//报错

再试一下非同级作用域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;

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有