【转载】TypeScript学习笔记——var与let

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

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

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

块作用域

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

例如

function  f(run: Boolean)
{
         if(run)
         {
               var x=10;               
          }
          return x;
}
 
f(true);   //返回10
f(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 。

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

原文地址：https://blog.csdn.net/weixin_41962385/article/details/80158246