一.let和const

let命令

  • let:用来声明变量,用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。

  • var命令会发生"变量提升"现象,即变量可以在声明之前使用,值为undefined。 let命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错。

  • 暂时性死区:只要块级作用域存在let命令,它所声明的变量就"绑定"(binging)这个区域,不再受外部的影响。
    如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就是使用这些变量,就会报错。

if(true){
    //TDZ开始
    tmp = 'abc';// ReferenceError
    console.log(tmp);//ReferenceError

    let tmp;//TDZ结束
    console.log(tmp);//undefined

    tmp = 123;
    console.log(tmp);//123
}

在代码块内,使用let命令声明之前,该变量都是不可用的,这在语法上,称为"暂时性死区"(temporal dead zone,简称TDZ)。

  • 在没有let之前,typeof运算符是百分之百安全的,永远不会报错。现在这一点不成立了。

  • 暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只要等到声明变量的那一行代码出现,才可以获取和使用该变量。

  • let不允许在相同作用域内,重复声明同一个变量。因此,不能在函数内部重新声明参数。

  • const:声明一个只读的常量。一旦声明,常量的值就不能改变。const一旦声明变量,就必须立即初始化,不能留到以后赋值。

  • const的作用域与let命令相同,只在声明所在的块级作用域内有效。const命令声明的常量也是不提升,同样存在暂时性死区,只能在声明的位置后面使用。

  • const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。对于复合类型的数据(主要是对象和数组),指向的数据结构是否可变不能控制。

  • 如果真的想将对象冻结,应该使用Object.freeze方法。

const foo = Object.freeze({});
//常规模式时,下面一行不起作用;
//严格模式时,该行会报错。
foo.prop = 123;
  • 顶层对象的属性:var命令和function命令声明的全局变量,依旧是顶层对象的属性;另一方面规定,let命令、const命令、class命令声明的全局变量,不属于顶层对象的属性。

你可能感兴趣的:(一.let和const)