ES6(一)

let命令

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

  • 不存在变量提升
    let不像var那样会发生“变量提升”现象。所以,变量一定要在声明后使用,否则报错。
console.log(foo);  //ReferenceError
let foo = 2;

上面的代码在声明foo之前就使用这个变量,结果会抛出一个错误。这也就意味着typeof不再是一个百分百安全的操作。

typeof foo;  //ReferenceError
let foo = 2;
  • 暂时性死区
    只要块级作用域内存在let命令,他所声明的变量就“绑定”这个区域,不再受外部的影响。
var tmp = 123;
if (true) {
  tmp = 'abc';  //ReferenceError
  let tmp;
}

ES6明确规定,如果区块中存在let和const命令,则这个区块对这些命令声明的变量从一开始就形成封闭作用域。只要在声明之前就使用这些变量,就会报错。即,在代码块内,使用let命令声明变量之前,该变量都是不可用的。

function bar(x=y, y=2){
  return [x,y];
}
bar();//报错

参数x的默认值等于另一个参数y,而此时y还没有声明,属于“死区”。如果y的默认值是x,就不会报错,因为此时x已经声明。

function bar(x=2, y=x){
  return [x,y];
}
bar();//[2,2]

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

  • 不允许重复声明
    let不允许在相同作用域内重复声明同一个变量。
//报错
function () {
  let a = 10,
  var a = 1;
}
//报错
function () {
  let a = 10,
  let a = 1;
}

const命令

const用来声明常量。一旦声明,其值就不能改变。这意味着,const一旦声明常量,就必须立即初始化,不能留到以后赋值。
const作用域与let命令相同:只在声明所在的块级作用域内有效;const的作用域与let命令相同:只在声明所在的块级作用域内有效;const命令声明的常量也不提升,同样存在暂时性死区,只能在声明后使用;const也不可重复声明常量。
对于复合型变量,变量名不指向数据,而是指向数据所在的地址。const命令只是保证变量名指向的地址不变,并不保证该地址的数据不变。所以将一个对象声明为常量必须非常小心。

const foo = {};
foo.prop = 123;
foo.prop;
//123
foo = {}; //TypeError: "foo" is read-only不起作用
}

上面的代码中,常量foo存储的是一个地址,指向一个对象。不可变的只是这个地址,即不能把foo指向另一个地址,但对象本身是可变的,所以依然可以为其添加新属性。
如果真想将对象冻结,应该使用Object.freeze方法。

全局对象的属性

全局对象是最顶层的对象,在浏览器环境指的是window对象,在Node.js中指的是global对象。在ES5中,全局对象的属性和全局变量是等价的。

window.a = 1;
a //1
a = 2;
window.a ; //2

也就是说,在ES5中,全局对象的属性赋值与全局变量的赋值,是同一件事。
这种规定被视为javascript语言的一大问题,因为很容易不知不觉就创建了全局变量。ES6为了改变这一点,一方面规定,var命令和function命令声明的全局变量依然是全局对象的属性;另一方面规定,let命令、const命令和class命令声明的全局变量不属于全局对象的属性。

var a = 1;
// 如果在node.js的REPL环境,可以写成global.a
//如果采用通用方法,写成this.a
window.a; //1
let b = 1;
window.b; //undefined

以上代码中,全局变量a由var命令声明,所以是全局对象的属性;全局变量b由let命令声明,所以不是全局对象的属性,返回undefined。

你可能感兴趣的:(ES6(一))