1. let 和 var
首先:
1.ES5 只有全局作用域和函数作用域,没有块级作用域。
2.ES5 里面允许变量进行提升,使得遍历可以在定义之前使用。
ES6 对以上的规范进行适度的修改,添加了块级作用域,同时let 声明的变量不存在变量提升,那么也就不能在没有定义变量的时候就直接使用变量。
所以:建议就是在顶层使用var 声明变量其余地方都尽量使用let进行声明变量。避免不必要的麻烦!
其次是作用域:
1. ES6 里面规定了块级作用域。
function f1() {
let n = 5;
if (true) {
let n = 10;
// 块级作用域
}
console.log(n); // 5
}
2.for (..作用域1..){ 作用域2 } (注意)
for (let i = 0; i < 3; i++) {
let i = 'abc';
console.log(i);
}
//abc * 3
End :
“暂时性死区”(temporal dead zone,简称 TDZ) : 在一个代码块里面绑定了一个let 声明的变量,就不能在声明变量之前使用该变量,即便外层具有同名的全局变量。
var tmp = 123;
if (true) {
tmp = 'abc'; // ReferenceError
let tmp;
// 这个代码块里面绑定了tmp变量,所以let tmp 之前的区域 { ... let tmp 就是一个暂时性死区
}
只要块级作用域内存在let
命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。
同时:let
不允许在相同作用域内,重复声明同一个变量。
{
var i=1;
{
let i=2;
console.log(i);
}
}
{
let k=1;
{
// var k=2; Identifier 'k' has already been declared
console.log(k);
}
}
//
第二个代码块等价于
{
let k=2
var k=2
}
2.Const
const
实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指向实际数据的指针,const
只能保证这个指针是固定的(即总是指向另一个固定的地址),至于它指向的数据结构是不是可变的,就完全不能控制了。
*3.顶层对象(全局作用域)
顶层对象,在浏览器环境指的是window
对象,在 Node 指的是global
对象。
ES5 之中,顶层对象的属性会把全局变量(没有用var 声明的)会添加为全局变量的属性。
i=2
var k=2
{
S="S"
}
console.log(global.i);
console.log(global.k);
console.log(global.S);
本文是学习:https://es6.ruanyifeng.com/#docs/let 做的笔记!