JavaScript 之 var 和 let
1.变量提升的机制
var tmp = new Date();
function f() {
let tmp = 'a';
console.log(tmp);
let tmp = 'helloworld'; // 重复声明,报错
console.log(tmp);
}
f();
var tmp = new Date();
function f() {
var tmp = 'a';
console.log(tmp);
var tmp = 'helloworld'; // 变量提升,不会报错
console.log(tmp);
}
f();
2.let的暂时性死区TDZ
var tmp = new Date();
function f() {
console.log(tmp); // it's ok
}
f();
var tmp = new Date();
function f() {// TDZ start
console.log(tmp); // Error
let tmp = 'helloworld';// TDZ end
}
f();
暂时性死区使得原本向外部作用域中查找temp被阻断了,解释器发现块级作用域中有temp,并且定义在引用后,所以报错,而不向外部作用域中去查找。
3. let在全局环境中不会给去全局对象增加属性和方法
var property = 'global';
let prop = 'notGlobal';
console.log(window.property); // 'global'
console.log(window.prop); // undefined