买了一年多了,当时只是为了应付面试,简单看了一下重点,现在发现第三版都已经出了,可是好多东西我还是模棱两可。塌下心来,认真的学习一遍
第二章 let和const
不存在变量提升
let和const不存在变量提升,所以变量一定要在声明后使用,否则报错
console.log(a); // undefined
var a = 123;
console.log(b); // 报错
let b = 555;
暂时性死区
ES6明确规定,如果区块中存在let和const命令,则这个区块对这些命令声明的变量从一开始就形成封闭作用域,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量
let a = 123;
{
a = 666; // ReferenceError
let a;
}
(function test(x = y, y = 2) {
return [x, y]
})()
// ReferenceError
函数作用域
ES6规定,函数本身的作用域在其所在的块级作用域之内
function f() {
alert('OUTSIDE')
}
(function () {
if (true) {
function f() {
alert('INSIDE')
}
}
f()
})();
// outside
{
let a = 'test';
function f() {
return a
}
}
f(); // 报错
需要注意的是,如果在严格模式下,函数只能在顶层作用域和函数内部,其他情况(比如if代码块,循环代码块)下的声明都会报错
const
const一旦声明常量,就必须立即初始化
const作用域与let相同,只在声明所在的块级作用域内有效,也存在暂时性死区
对于复合类型的变量,变量名不指向数据,指向地址,所以const只能保证地址不变,不能保证地址对应的数据不变
const a = {};
a.a = 123;
console.log(a);// {a : 123}
a = {}; // 报错
const a = [];
a[0] = 1;
a.length = 2;
console.log(a);// [1, undefined]
a = []; // 报错
可以使用 Object.freeze() 将对象冻结:
const a = Object.freeze({a: 1});
const b = {a: 1};
console.log(a.a);//1
console.log(b.a);//1
a.a = 2;
b.a = 2;
console.log(a.a);//1
console.log(b.a);//2
对于嵌套对象,可以递归调用,冻结所有对象:
let obj = {
a: 1,
b: {
b1: 2
}
};
obj.b.b1 = 3;
console.log(obj.b.b1 ); //3
function freeze(obj){
Object.freeze(obj);
Object.values(obj).forEach(function (value,index) {
if(typeof value === 'object'){
freeze(value);
}
})
}
freeze(obj);
obj.b.b1 = 4;
console.log(obj.b.b1); //3
跨模块常量
const声明的常量只在当前代码块有效,如果想设置跨模块的常量,可以采用这样的写法上:
import * as constants form './constants'
console.log(constants.a)
全局对象的属性
在浏览器环境下,全局对象是window对象,在Node.js是global对象
在ES5中,全局变量是全局对象(window)的属性
在ES6中,一方面,var和function命令生命的全局变量依旧是全局对象的属性,另一方面,let、const和class命令声明的全局变量不属于全局对象的属性
var a = 123;
let b = 456;
console.log(window.a);// 123
console.log(window.b);// undefined
第三章
数组的解构赋值
数组解构赋值按照