ES6-11学习笔记--let

新声明方式：let

1、不属于顶层对象 window

2、不允许重复声明

3、不存在变量提升

4、暂时性死区

5、块级作用域

原来var声明：

var a = 5;

console.log(a); // 5

console.log(window.a); // 5

delete a

console.log(a); // 5

b = 6;

console.log(b); // 6

console.log(window.b); // 6

delete b;

console.log(b); // Uncaught ReferenceError: b is not defined

delete只能删除对象中的属性，

因为b没有用var声明，所以b是挂载到window顶级对象下面的b属性，所以b能被delete关键字删除，

而a是通过var声明的变量，不能被delete删除。

但是a是全局变量，这是js初期设计缺陷，因为全局变量会跟顶层对象的属性进行挂钩，

所以window.a可以正常输出，但是a不是window对象的属性，所以不能进行delete。

1、let定义不属于顶层对象 window

let a = 5;

console.log(a); //5

console.log(window.a); // undefined

2、不允许重复声明

let a = 6; // Identifier 'a' has already been declared

3、不存在变量提升

console.log(b); // undefined

var b = 6;

console.log(c); // Uncaught ReferenceError: c is not defined

let c = 7;

4、暂时性死区

暂时性死区的意思是：let定义的作用域内，不能在声明之前使用

var d = 5;

if (true) {

  d = 6;

  let d;

}

function foo(a = b, b = 2) {

  console.log(a, b);

}

foo();

5、块级作用域

// for (var i = 0; i < 3; i++) {

//   console.log("循环内：" + i);

// }

for (let i = 0; i < 3; i++) {

  console.log("循环内：" + i);

}

console.log("循环外：" + i); // 使用let，外面会取不到i，报错：Uncaught ReferenceError: i is not defined

补充说明：　

块级作用域必须要{}进行包裹

if(true) let a = 5; //这样会报错

巴特西

ES6-11学习笔记--let

最新文章

热门文章