ES6(一) let and const

1、let 用于变量声明,仅在块级作用域内有效。

ES6新增了块级作用域,在ES5中没有块级作用域这个概念。

       {
let a = 10;
var b = 1;
}
console.log(b); //1
console.log(a); //undefined

2、使用let 避免闭包的形成,每一次循环的i其实都是一个新的变量

   如下:如果使用 "var i=0",则输出的结果是10.

     var arr = [];
for (let i = 0; i < 10; i++) {
arr[i] = function () {
console.log(i);
}
} arr[6]();

3、不存在变量的提升,必须声明后再使用

 console.log(foo); //ReferenceError: foo is not defined
let foo='test';

4、暂时性死区,只要块级作用域存在let命令,它所声明的变量就绑定这个区域,不再受外部影响

即 在代码块内,使用let声明变量之前,该变量都是不可用额,称为 temporal dead zone.

      if (true) {
temp='abc';
console.log(temp); //ReferenceError: temp is not defined let temp;
console.log(temp);
}

5、不允许重复声明,不能再函数内部重新声明参数,但如果另开辟一个块级作用域除外。

     function func(arg) {
let arg = 222;//error
{
let arg = 3333;//ok
}
}

6、const 声明一个只读的常量,一旦声明,必须初始化。

  (一):作用域与let命令相同,只在声明的块级作用域内有效

      (二):不存在作用域提升,同样存在暂时性死区,只能在声明位置后使用

      (三):不可重复声明

console.log(MAX);//error
const MAX = 5;

7、对于复合类型的变量,变量名不指向数据,而是指向数据所在的地址

const只是保证变量名指向的地址不变,并不保证改地址的数据不变;

如果不希望改变对象属性,则应该使用Object.freeze();

      const person = {};

        person.name = 'jackey';
person={}; //error const readyOnlyPerson = Object.freeze({}); readyOnlyPerson.name = 'jack';//虽然不报错,但是输出的值是 undefined
8、let、const、class 命令声明的全局变量,不属于全局对象的属性。
     let global='test global';
console.log(window.global);//undefined
上一篇:WinForm 进程和线程


下一篇:js运动框架完成块的宽高透明度及颜色的渐变