一. let
与var
let
是块级作用域;var
是函数级作用域。
// 示例一
{
var a = 12;
let b = 15;
{
console.log(a); //可以访问到
console.log(b); //可以访问到
}
}
console.log(a); //可以访问到
console.log(b); //访问不到
// 示例二 泄密
for (var i = 0; i < 5; i++) {}
console.log(i); //可以访问到
for (let j = 0; j < 5; j++) {}
console.log(j); //访问不到
// 示例三 提升
function f() {
console.log(a); //可以访问到,值为undefined
var a = 5;
}
f();
function f1() {
console.log(a); //访问不到
let a = 5;
}
f1();
// 实例
var arr = [],
arr1 = [];
function f() {
for (var i = 0; i < 5; i++) {
// 此时i被提升为整个f()函数的变量,所以被访问到的只执行完累加的值
arr.push(function () {
console.log(i);
});
}
for (let j = 0; j < 5; j++) {
// 此时j为for循环内部的值,没有被提升
arr1.push(function () {
console.log(j);
});
}
}
f();
arr[2](); //输出5
arr[3](); //输出5
arr1[2](); //输出2
arr1[3](); //输出3
二. let 与 const
let
与const
作用域都是一样的,只不过const
定义的是常量,不可以修改。这里的不可以更改是对物理内存地址不可以更改。
const a = 5;
a = 6; //不可以更改
console.log(a);
const b = {
name:'cuiht'
};
b.name = 'hunter'; //可以更改
console.log(b);
Object.freeze(b); //冻结对象b,使其彻底不可更改
b.name = 'cuiht'; //不可以更改
console.log(b);
注意 const 限制的是给常量分配值,而这个常量的值又是不可更改的。
const有一个很好的应用场景,就是当我们引用第三方库的时声明的变量,用const来
声明可以避免未来不小心重命名而导致出现bug。例如const monent from 'moment'
。
人生舞台的大幕随时都可能拉开,关键是你愿意表演,还是选择躲避。