1 let
命令只在的所在的代码块内有效。
2 for
循环的计数器,就很合适使用let
命令。
3 var
命令会发生“变量提升”现象,即变量可以在声明之前使用,值为undefined
。为了纠正这种现象,let
命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错。
4 let暂时性死区 ,只要块级作用域内存在let
命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。
5 ES6 规定暂时性死区和let
、const
语句不出现变量提升,主要是为了减少运行时错误,防止在变量声明前就使用这个变量,从而导致意料之外的行为。
6 let
不允许在相同作用域内,重复声明同一个变量。否则会报错
7 ES5 只有全局作用域和函数作用域,没有块级作用域,这带来很多不合理的场景。
8 ES5 规定,函数只能在顶层作用域和函数作用域之中声明,不能在块级作用域声明。
9 ES6 引入了块级作用域,明确允许在块级作用域之中声明函数。ES6 规定,块级作用域之中,函数声明语句的行为类似于let
,在块级作用域之外不可引用。
考虑到环境导致的行为差异太大,应该避免在块级作用域内声明函数。如果确实需要,也应该写成函数表达式,而不是函数声明语句。
10 ES6 的块级作用域必须有大括号,如果没有大括号,JavaScript 引擎就认为不存在块级作用域。
11 const
声明一个只读的常量。一旦声明,常量的值就不能改变。不能留到以后赋值。
12 const
的作用域与let
命令相同:只在声明所在的块级作用域内有效。
13 const
实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。
对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指向实际数据的指针,const
只能保证这个指针是固定的(即总是指向另一个固定的地址),至于它指向的数据结构是不是可变的,就完全不能控制了
14 如果真的想将对象冻结,应该使用Object.freeze
方法。
对象彻底冻结的函数:
var constantize = (obj) => {
Object.freeze(obj);
Object.keys(obj).forEach( (key, i) => {
if ( typeof obj[key] === 'object' ) {
constantize( obj[key] );
}
});
};
15 ES6 声明变量的六种方法 var、
function
、let
、const
、import
、class
。
16 顶层对象的属性
浏览器环境指的是window
对象,
Node 指的是global
对象。
ES5 之中,顶层对象的属性与全局变量是等价的
window.a = 1;
a // 1
a = 2;
window.a // 2
ES6 var
命令和function
命令声明的全局变量,依旧是顶层对象的属性。let
命令、const
命令、class
命令声明的全局变量,不属于顶层对象的属性
17 globalThis 对象
// 方法一
(typeof window !== 'undefined'
? window
: (typeof process === 'object' &&
typeof require === 'function' &&
typeof global === 'object')
? global
: this);
// 方法二
var getGlobal = function () {
if (typeof self !== 'undefined') { return self; }
if (typeof window !== 'undefined') { return window; }
if (typeof global !== 'undefined') { return global; }
throw new Error('unable to locate global object');
};
ES2020 在语言标准的层面,引入globalThis
作为顶层对象。也就是说,任何环境下,globalThis
都是存在的,都可以从它拿到顶层对象,指向全局环境下的this
。