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