TypeScript中let和var的区别介绍
1、作用域不同
用var声明的变量，只有函数作用域和全局作用域，没有块级作用域。而let可以实现块级作用域，只能在代码块{}内有效，在{}之外不能访问，如下代码所示：
{
let a = 0;
var b = 1;
}
console.log(a) // ReferenceError: a is not defined
console.log(b) // 12、let没有变量提升
在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为：暂时性死区，英文为：temporal dead zone，简称 TDZ。
//报错 console.log(a) let a=10
3、let变量不能重复声明
使用var，多次声明同一个变量，不会报错，只会得到一个变量。
var a=1; var a=2;
上述例子中，所有的a的声明实际上都引用了一个相同的a。在多人开发一个项目时，容易出现问题。比如都定义了一个变量a，但各自用途不同，后面定义的a会把前面定义的覆盖掉。
而let就相对严格，无法多次声明同一个变量，一个变量只能声明一次，并且无法在 let 语句前去访问该变量
let a=1; let a=2; //错误
4、for循环中的let与var
for (var i = 0; i < 3; i++) {
setTimeout(function (){console.log("i:" + i);});
}上述代码打印出来i都是3，这个结果令人感觉奇怪。其实并不奇怪，原因如下所示：
（1）var是全局变量，并且可以允许重复定义，所以在for (var i = 0; i < 3; i++)语句中，i重复定义了3次，最终的值以最后一次定义为准。
（2）javascript是单线程，setTimeout()会等for执行完之后才开始计时，此时i的值为3，最终打印出3
for (let j = 0; j < 3; j++) {
setTimeout(function (){console.log("j:" + j);});
}上述代码打印出来i是0、1、2，原因分析如下：
（1）变量j是用let声明的，当前的j只在本轮循环中有效，每次循环的j其实都是一个新的变量。
（2）在for循环中，不仅循环体{}会生成块级作用域，循环条件()也会生成块级作用域，循环条件()的块级作用域是循环体{}块级作用域的父级作用域，所以let可以跨越()和{}作用域。
到此这篇关于TypeScript let与var的区别的文章就介绍到这了,更多相关TypeScript let与var区别内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家详细介绍了js实现数字拼图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要为大家详细介绍了JavaScript中类型判断的相关常见方法,文中的示例代码讲解详细,对我们深入学习JavaScript有一定帮助,需要的可以参考下2023-11-11
最近在用uniapp开发的时候遇到了一些问题,下面这篇文章主要给大家介绍了关于uniapp获取底部安全距离以及状态栏高度等的相关资料,需要的朋友可以参考下2022-10-10
面试题是3个数据结构的题，可以用java/c/c++/python实现，靠，js也能实现，鄙视js？我上机就用js写的，虽说肯定没戏，但js我挺。2008-07-07
js 页面刷新location.reload和location.replace的区别小结
在实际应用的时候，重新刷新页面的时候，我们通常使用： location.reload() 或者是 history.go(0) 来做。下面有一些相关的内容，大家看完了就会有更多的收获。2009-12-12
本文系统介绍了javascript的window对象以及一些控制函数的用法,仅供大家参考2016-11-11
Tesseract.js是流行的Tesseract OCR引擎的纯Javascript端口,这个库支持100多种语言,自动文本定位和脚本检测,一个简单的界面,用于阅读段落、单词和字符边界框,Tesseract.js既可以在浏览器中运行,也可以在带有NodeJS的服务器上运行2023-10-10
很多朋友想在网站上插入自己的阿里旺旺在线联系图片，就像是和QQ一样，小编为大家详细讲解了旺旺在线客服代码以及旺旺客服代码生成器，希望能够帮助到大家。2018-01-01
JS中touchstart事件与click事件冲突的解决方法
这篇文章主要给大家介绍了关于JS中touchstart事件与click事件冲突的解决方法，文中通过示例代码将解决的方法介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2018-03-03
这篇文章主要为大家详细介绍了微信小程序实现常见弹出层效果 ，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
最新评论