TS中 var 和 let 的区别
let 和 const 是 ES6 中新增的声明对象的类型。与 var 相比，let 和 const 不存在变量提升。变量提升，指的是在变量声明之前就可以使用，只是，在声明之前，变量的值为undefined。var 声明的变量，在全局范围内都有效，而 let 声明的变量，只在 let 所在的作用域内有效。如以下 for 循环：
for(var i = 0; i < 10; i++) {
console.log(i)
}
console.log(i); // 10
在上述代码中，一般情况下，我们期望的是，报错，i is not defined。但是，由于在 for 循环内，i 是用 var 声明的，导致 i 在全局范围内都有效，所以输出 10. 要想避免这种情况，则应该使用 let ,使得 i 只在循环体内有效。
let 还有一个特点，就是会将所声明的变量绑定与let所在的作用域，不受作用域外变量的影响。
var a = 1;
if (true) {
a = 2; // 报错，a is not defined
let a;
}
上述代码，在 if 语句内部对 a 赋值，会报错，即使已经在外部定义了 var a。所以，在一个作用域内，在 let 声明一个变量前，都不能操作该变量。这种现象在语法上称之为“暂时性死区”（temporal dead zone，简称TDZ）。
现在再来看看我上篇文章提到的那个题目：
function a() {
return foo;
var foo = 1;
}
function b() {
return foo;
let foo = 1;
}
console.log(a()); // undefined
console.log(b()); // 报错 : foo is not defined
第一个函数，在创建活动对象的时候，可以创建被 var 声明的 foo，只是此时返回的是 undefined。
第二个函数，在创建活动对象的时候，不能收集被 let 声明的 foo，因为在 let 存在的作用域内，在 let 声明前，不能操作被 let 声明的对象。
再来看一种情况：
function a() {
return foo;
let foo = 1; // 报错 : Identifier 'foo' has already been declared
function foo() { };
}
console.log(a());
上述代码，在创建活动变量的时候，会报错。创建活动变量的细节在上一篇文章中。报错的原因是，不允许使用 let 重复声明变量。而使用 var 就不会有这种限制。
function a() {
var foo = 1;
var foo = function () { };
return foo;
}
console.log(a()); // function......
---------------------
作者：人间大炮王
来源：CSDN
原文：https://blog.csdn.net/gebingsheng/article/details/81103341
版权声明：本文为博主原创文章，转载请附上博文链接！
