ES6学习笔记-Let&Const

let变量

  1. 使用let关键字定义的变量自在块级作用域有效;
  2. 用let定义循环变量,变量只在本次循环循环有效,每一次循环都是一个新的变量,每次循环初始化循环变量的值依赖于JS引擎记住的上一轮循环变量的值;
  3. for循环有一个特殊之处,循环语句是一个作用域,而循环体内部是另一个单独的子作用域,如果用let分别在循环语句和循环体内定义两个同名变量,他们互不影响,如下:
    for (let i = 0; i < 3; i++){
    let i = ‘abc’;
    console.log(i);
    }//输出3次’abc’
  4. let类型变量不存在变量提升,必须先定义后使用,否则会报错,而不是undefine;
  5. 暂时性死区(TDZ):一旦一个作用域内存在let或const声明的变量,那么对于该变量来说,这个块级作用域内就已经被绑定,无论外部是否有使用var定义的同名变量,该变量都不受外部影响,而必须满足let(const)先定义,后使用的规定(意味着typeof 不再百分百安全)
  6. let定义的变量不允许在相同作用域内重复声明,无论是同名的var,let还是const变量,均会引起报错;
  7. let变量相当于为ES6新增了块级作用域,ES5只有全局作用域和函数作用域;
  8. 可以在块级作用域内定义函数,但是容易出现各种兼容性问题(问题较多,最好以函数表达式使用)
  9. do表达式,可以让块级作用域类似函数返回一个let值(目前只是一个提案,还没发布)

Const

  1. const声明一个常量,一旦声明,值就不可改变,也意味着声明时必须赋值;
  2. const声明值作用域和let相同;
  3. const变量也不会有变量提升,必须先定义后使用,存在暂时性死区概念;
  4. const变量也不可重复声明;
  5. 对于const修饰的复合型数据(例如对象),变量名指向数据所在的地址,而不是数据的值,所以使用时,需要注意;
  6. 如果想限制对象不可修改,包括属性,可以使用object.freeze()冻结对象(注意还应该对对象的属性加以冻结)
  7. ES5只有两种声明变量的方法:var命令和function命令。ES6除了添加let和const命令,后面章节还会提到,另外两种声明变量的方法:import命令和class命令。所以,ES6一共有6种声明变量的方法;
  8. 顶层对象的属性:浏览器的顶层对象是window,node的顶层对象时global。ES5中顶层对象属性和全局变量是等价的(var和function命令定义的全局变量,就是window的属性),这种设计被人诟病。ES6中新增的let,const,class命令定义的全局变量不再是window的属性,var和function命令定义的还是与ES5一致兼容;
  9. 浏览器, Node 和 Web Worker顶层对象不一致的问题需要解决,目前可以使用system.global垫片库;

你可能感兴趣的:(ES6,JS,ES6新特性-let,ES6新特性-con)