ES6学习及总结(一)：let 与 const

一：let

1: let定义的变量只在当前块级作用域内有用。

{
let a = 10;
var b = 1;
}

a // ReferenceError: a is not defined.
b // 1

for (let i = 0; i < 10; i++) {
// ...
}

console.log(i);
// ReferenceError: i is not defined

function f1() {
let n = 5;
if (true) {
let n = 10;
}
console.log(n); // 5
}

上面的函数有两个代码块，都声明了变量

n

var

n

ES6 的块级作用域必须有大括号，如果没有大括号，JavaScript 引擎就认为不存在块级作用域。

// 第一种写法，报错
if (true) let x = 1;

// 第二种写法，不报错
if (true) {
let x = 1;
}

2:不存在变量提升 (变量提升是指浏览器为你定义了一个值为undefined的变量，而不是值提升。变量提升也不是变量的作用域从子提升到父作用域，而是作用域的替代，全局变量 也可以提升为函数内的局部变量)

var

undefined

let

3:暂时性死区

只要块级作用域内存在

let

var tmp = 123;

if (true) {
tmp = 'abc'; // Uncaught ReferenceError: tmp2 is not defined
let tmp;
}

ES6 明确规定，如果区块中存在

let

const

let

“暂时性死区”也意味着

typeof

typeof x; // ReferenceError
let x;

typeof y; // undefined
var y;

ES6 规定暂时性死区和

let

const

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

4:不允许重复声明

let

// 报错
function func() {
let a = 10;
var a = 1;
}

// 报错
function func2() {
let a = 10;
let a = 1;
}

// 正确
function func3() {
var a = 10;
var a = 1;
}

因此，不能在函数内部重新声明参数。

function func(arg) {
let arg;
}
func() // 报错

function func(arg) {
{
let arg;
}
}
func() // 不报错

5：块级作用域内可以定义函数，浏览器的 ES6 环境中，块级作用域内声明的函数，行为类似于

var

声明的变量

// 浏览器的 ES6 环境
function f() { console.log('I am outside!'); }

(function () {
if (false) {
// 重复声明一次函数f
function f() { console.log('I am inside!'); }
}

f();
}());
// Uncaught TypeError: f is not a function

6:const

const

const

let

const

const

let

注意：

const

const

const foo = {};

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

// 将 foo 指向另一个对象，就会报错
foo = {}; // TypeError: "foo" is read-only

下面是另一个例子。

const a = [];
a.push('Hello'); // 可执行
a.length = 0;    // 可执行
a = ['Dave'];    // 报错