var 与  let 都是TypeScript里的变量声明方式

两者非常相似，在语法不存在很大的差异，而在语义上存在很大的区别

 

块作用域

var有着些奇怪的作用域规则

例如

function  f(run: Boolean){         if(run)         {               var x=10;                         }          return x;} f(true);   //返回10f(false);   //返回 undefined

 而 let 的作用域就正常多了

function  f(run: Boolean) {             let a=1;         if(run)         {               let x=a+1;                 return x;       //没有错误                }          return x; //错误，x不存在}

声明

var

多次声明同一个变量，不会报错，只会得到一个变量

function f(){    var x;    var x;}

上述例子中，所有的x的声明实际上都引用了一个相同的x

这样的声明规则就会造成这样的错误

function f(m : number [ ] [ ] )  {      var sum=0;      for (var i=0 ; i<5 ; i++ )      {           var row = m [ i ] ;           for ( var i=0 ; i<5 ; i++ )                 sun=+ row[ i ];      }         return sum;    }

这里返回的sum，并不是这个二维数组的值的总和，原因是里层的for 循环会覆盖变量 i ，所有的 i 都引用相同函数的作用域内的变量。

let

就相对严格，无法多次声明同一个变量，一个变量只能声明一次，并且无法在 let 语句前去访问该变量

function f(){     let x;     let x; //错误 }

在嵌套作用域中，let 还具有屏蔽功能

function f(m : number [ ] [ ] ){    let sum=0;    for (let i=0 ; i<5 ; i++ )    {         let row = m [ i ] ;         for ( let i=0 ; i<5 ; i++ )               sun=+ row[ i ];    }       return sum;  }

这里的得到的sum就是正确答案，因为内层的 i 会屏蔽掉外层的 i 。

通常来讲，我们应该避免使用这个屏蔽功能，这样我们才能写出清晰的代码，但有些情况会需要这种写法

 

原文地址：