美文网首页
TypeScript学习笔记——var与let

TypeScript学习笔记——var与let

作者: 某人在 | 来源:发表于2018-09-26 11:57 被阅读71次

转自:https://blog.csdn.net/weixin_41962385/article/details/80158246

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

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

块作用域

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

例如

functionf(run: Boolean)

{

if(run)

        {

varx=10;

          }

returnx;

}

f(true);//返回10

f(false);//返回 undefined

 而 let 的作用域就正常多了

functionf(run: Boolean)

leta=1;

if(run)

        {

letx=a+1;

returnx;//没有错误     

          }

returnx;//错误,x不存在

}

声明

var

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

functionf()

{

varx;

varx;

}

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

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

[javascript]view plaincopyprint?

<code class="language-javascript">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;    

}</code>  

functionf(m : number [ ] [ ] )

{

varsum=0;

for(vari=0; i<5; i++ )

    {

varrow = m [ i ] ;

for(vari=0; i<5; i++ )

              sun=+ row[ i ];

    } 

returnsum;

}

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

let

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

functionf()

{

letx;

letx;//错误

}

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

functionf(m : number [ ] [ ] )

{

letsum=0;

for(leti=0; i<5; i++ )

    {

letrow = m [ i ] ;

for(leti=0; i<5; i++ )

              sun=+ row[ i ];

    } 

returnsum;

}

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

通常来讲,我们应该避免使用这个屏蔽功能,这样我们才能写出清晰的代码,但有些情况会需要这种写法---------------------本文来自 KAIFengL 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/weixin_41962385/article/details/80158246?utm_source=copy

相关文章

网友评论

      本文标题:TypeScript学习笔记——var与let

      本文链接:https://www.haomeiwen.com/subject/loydoftx.html