2 let 和 const 命令

let命令

let 命令用于声明变量,所声明的变量只在 let 命令所在的代码块内有效。

不存在变量提升

var 声明的变量可以在声明之前使用,值为 undefined。let 所声明的变量一定要在声明后使用,否则会报错。

暂时性死区

只要块级作用域内存在 let 命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。

var tmp = 123;

if (true) {
    tmp = 'abc';  // ReferenceError
    let tmp;
}

函数声明

尽量写函数表达式的形式,而不是函数声明语句。

// 函数声明语句
{
    let a = 'secret';
    function f() {
        return a;
    }
}

// 函数表达式
{
    let a = 'secret';
    let f = function() {
        return a;
    };
}

const 命令

const 声明一个只读的常量。一旦声明,常量的值就不能改变。

本质

const 实际上保证的不是变量的值不得改动,而是变量指向的那个内存地址不得改动。对于简单类型的数据(数值、字符串、布尔值)而言,值就保存在变量指向的内存地址中,因此等同于常量。但对于复合类型的数据(主要是对象和数组)而言,变量指向的内存地址保存的只是一个指针,const 只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,这完全不能控制。因此,将一个对象声明为常量时必须非常小心。

const foo = {};

// 为 foo 添加一个属性,可以成功
foo.prop = 123;
foo.prop // 123

// 将 foo 指向另一个对象,就会报错
foo = {}; // TypeError: Assignment to constant variable.

上面的代码中,常量 foo 储存的是一个地址,这个地址指向一个对象。不可变的只是这个地址,即不能把 foo 指向另一个地址,但对象本身是可变的,所以依然可以为其添加新属性。

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

const foo = Object.freeze({});

foo.prop = 123;
foo.prop // {}

顶层对象的属性

顶层对象:浏览器中的 window 对象,Node 中的 global 对象。

ES6中,var 命令和 function 命令声明的全局变量依旧是顶层对象的属性;let 命令、const 命令、class 命令声明的全局对象不属于顶层对象的属性。

留下评论