ECMAScript中let与var的区别

慕容屠苏

于 2017-03-26 13:07:53 发布

阅读量657

点赞数

CC 4.0 BY-SA版权

分类专栏： reactNative 文章标签： ECMAScript let var

本文链接：https://blog.youkuaiyun.com/kerryqpw/article/details/66474273

28 篇文章

订阅专栏

本文详细对比了ES6中let与传统var声明变量的不同之处，包括作用域、for循环中的表现及定义顺序等，通过具体示例展示了两者在实际应用中的差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ECMAScript中let与var的区别

let是ECMAScript6中特有的语法，和var一样都有定义变量的作用，

相比var，对作用域的管理更规范。

let与var的共同点: 都可以定义变量

let与var的区别：

1、var变量可以跨代码块,let 只在代码块内部有效

{
    var a="kerry";
    let b=20;
}

console.log(a);//打印kerry
if(typeof(b)=="undefined"){//提示变量未定义
    console.log("undefined");
}

　2、在for循环里

　　//在for循环里
　　for (var i=0;i<5;i++){

　　}
　　console.log(i);//打印5

　　for (let j=0;j<5;j++){

　　}
　　console.log(j);//提示i变量未定义

3.定义顺序

　　console.log(a);//打印Undefined
　　var a="kerry";

console.log(b);//let 引用错误
　　let b="kerry";

案例展示：

　　var a=[];
　　for (var i=0;i<5;i++){
　　　　a[i]=function () {
　　　　　　console.log(i);
　　　　}
　　}
　　a[2]();//打印5

　　var b=[];
　　for (let j=0;j<5;j++){
　　　　a[j]=function () {
　　　　　　console.log(j);
　　　　}
　　}
　　b[2]();//打印2