javascript - 怎么理解“循环语句部分是一个父作用域,而循环体内部是一个单独的子作用域”?
PHPz
PHPz 2017-05-18 10:52:55
[JavaScript讨论组]

如题。

for (var i = 0; i < 3; i++) {
  var i = 'abc';
  console.log(i);
}
//为什么这里只输出一次 abc ? 是因为'abc'++ <3 是false吗?
for (let i = 0; i < 3; i++) {
  let i = 'abc';
  console.log(i);
}//为什么是3次 abc?

for (let i = 0; i < 3; i++) {

console.log(i) //这里报ReferenceError: i is not define?是因为暂时性死区?
let i = 'abc';

}

PHPz
PHPz

学习是最好的投资!

全部回复(5)
我想大声告诉你

第一个,你在for里面var i,它们是在同一个作用域的,因为var是一个函数作用域。i = 'abc';i++,这样i就变成NaN了。NaN和数字比较,无论是什么比较,都为false。所以,只输出一次。

第二个,let是块级作用域,所以在for (let i = 0; ...)定义的i只在for的括号里有效,在块内是没有效果的,所以let i = 'abc'是相当于重新定义了一个变量,是for代码块的块级作用域的变量,只在for代码块里有效。所以执行了三次。

第三个问题,你在console.log之后定义了let i,所以i在你调用的时候并没有定义哈。参见上面一条。

迷茫

因为变量提升

第一个里面外层的 i 被改变成为 'abc' 所以直接退出,而第二个里面 'abc' 被限制在 for 的块级作用域里面,就不会改变了。

天蓬老师

使用var声明的时候
for(var i=0; i<3; i++){} 等价于 var i;for(i=0;i<3;i++){}。
这样看就比较明显了
第一段代码循环一次是因为:

你在内部将i赋值为字符串,无法进行++操作,for循环只运行了一次就结束了。

第二段代码let 声明的变量只在起所在的块级作用于中生效,上数代码中()、{}是两个块级作用域,他们之间互不影响,定义{}内的i并不会影响()内声明的i

世界只因有你

var是函数作用域。在第二次循环判断时i = 'abc'; , 而'abc'++ < 3为false,所以第一个for循环只执行了一次。

let是块级作用域。每次for循环都重新定义了一个i,let i = 'abc'作用域在循环体内,不会影响循环体。

曾经蜡笔没有小新

参考这里: http://www.ecma-international...

for 的第一部分是 var (VariableDeclarationList)的时候,声明的变量会合并到这个函数作用域里,就像单独声明一样。

for 的第一部分是 let 的时候,循环会分成 oldEnv 和 loopEnv ,其中 loopEnv 可以看做夹在循环体和循环外的一个中间层,所以不受影响。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号