《ES6入门》let和const总结

来源:互联网 发布:wind股票 mac 编辑:程序博客网 时间:2024/05/17 08:14

let命令

ES6新增了let命令,用于声明变量。用法类似一var,但所声明的变量只在let命令所在的代码块内有效。

  • 不存在变量提升
    • let不像var那样会发生“变量提升”现象,所以,变量一定要在声明后使用,否则报错。
  • 暂时性死区(TDZ)
    • 只要块级作用域内存在let明亮,他所声明的变量就“绑定”这个区域,不再受外部的影响。则这个区块对这些命令声明的变量从一开始就形成封闭作用域。只要在声明之前使用这些变量,就会报错。总之,在代码块内,使用let命令声明变量之前,该变量是不可用。
var temp = 1;if(true) {    //TDZ开始    console.log(temp)       //ReferenceError    //TDZ结束    let temp;    console.log(temp)       //undefined    temp = 123;    console.log(temp)       //123}
  • 不允许重复声明
    • let不允许在相同的作用域内重复声明同一个变量,即使是在函数内部重复声明参数
function() {    let a = 10;    var a = 20;    //报错}function(arg) {    let arg;       //报错}function(arg) {    {        let arg;   //不报错    }}

块级作用域

为什么需要块级作用域呢,ES5只有全局作用域和函数作用域。可能会出现内层变量覆盖外层变量;用来计数的循环变量泄露为全局变量。
let实际上为JavaScritp新增了块级作用域。

  • ES6允许块级作用域任意嵌套。
  • 外层作用域无法读取内层作用域的变量。
  • 内层作用域可以定义外层作用域的同名变量。
  • 还规定函数本身的作用域在其所在的块级作用域内。
  • 如果在严格模式下,函数只能在顶层作用域和函数内声明,其他情况(if代码块,循环代码块)下的声明会报错。

const命令

  • const用来声明常量。一旦声明,其值就不能改变。
  • const声明的常量不得改变值,意味着const一旦声明常量,就立即初始化,不能留到以后赋值。
const foo;        //SystaxError:missing = in const declaration
  • const声明的常量也不提升,同样存在暂时性死区,只能在声明后使用。
  • 对于复合类型的变量,变量名不指向数据,而指向数据所在的地址。const命令值保证变量名所指的地址不变,不保证该地址的数据不变。
const a = {};a.porp = 123;a.porp;  //123a = {}            //TypeError: foo is read-only
  • 如果想将对象冻结,应该使用Object.freeze方法
//添加不了新属性const foo = Object.freeze({});foo.porp = 123;    //不起作用//除了冻结对象本身,对象的属性也应该冻结var constantize = (obj) => {    Object.freeze(obj);    Object.keys(obj).foEach((key,value) => {        if(typeof obj[key] === 'object') {            constantize(obj[key]);        }    })}

全局对象的属性

  • var命令和function命令声明的全局变量依然是全局对象的属性
  • let命令、const命令和class命令声明的全局变量不属于全局对象的属性。
0 0