let和var的一个问题
来源:互联网 发布:matlab软件官网 编辑:程序博客网 时间:2024/06/10 14:24
原代码来自ruan老师ES6书,作为var和let对比的说明。
我特地去SF社区问了下,得到了一些大佬们很好的回答。我这里总结一下。
1. 必须记住的两点:函数作用域是声明时确定的,函数内的值是执行时确定的!
所以执行时去确定i,注意function函数参数列表里没有传入i的值,会去外层作用域找,此时i已经在遍历完变成了10。
2. 变量i是var命令声明的,在全局范围内都有效。这跟C语言中的for循环里的临时变量i很大不同了 =-=。
每一次循环,变量i的值都会发生改变,而循环内被赋给数组a的函数内部的console.log(i),里面的i指向的就是全局的i。也就是说,所有数组a的成员里面的i,指向的都是同一个i,而函数内的值是执行时确定的,导致运行时输出的是最后一轮的i的值,也就是 10。
3.如果使用let,声明的变量仅在块级作用域内有效,最后输出的是 6
var a = [];for (let i = 0; i < 10; i++) { a[i] = function () { console.log(i); };}a[6](); // 6
上面代码中,变量i是let声明的,当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,所以最后输出的是6。那么我们可能会问,如果每一轮循环的变量i都是重新声明的,那它怎么知道上一轮循环的值(i自加的计算),从而计算出本轮循环的值?这是因为 JavaScript 引擎内部会记住上一轮循环的值,初始化本轮的变量i时,就在上一轮循环的基础上进行计算。
然后解决方案是:
既然函数作用域是声明时确定的,函数内的值是执行时确定的,那么我可以声明一个匿名函数,让他每次i循环时就立即自执行,对了,就是闭包。
for ( var i=0; i<10; i++ ) {(function(i){a[i] = function () {console.log(i)}})(i)}
这里有一个匿名自执行的函数 在i循环的时候就取到了当前的i的值
然后深入的话,可以看这个系列的 http://www.cnblogs.com/wangfupeng1988/p/3977924.html,很系统的说明了。
我在sf问的问题:https://segmentfault.com/q/1010000012229085?_ea=2917221
- let和var的一个问题
- var和let的区别
- let和var的区别
- var和let,var和const的区别
- swift中let 和var的区别
- let和var定义变量的区别
- js中let和var 的区别
- var、let和const的区别?
- js中let和var的区别
- var let 和const的区别
- es6:let和var的区别
- iOS Swift let和var的区别
- let和var定义变量的区别
- JS中var和let的区别
- ES6 let和var的四个不同
- var let 和const
- let var和const
- let和var区别
- XTU1161 骨牌(1*2的骨牌铺N*3的地板)
- 【opencv学习之十七】摄像头及视频操作VideoCapture
- Retrofit注解的含义及作用
- 指针与函数_函数指针数组
- tf.placeholder
- let和var的一个问题
- 表达式计算 Java算法
- Kali Linux远程连接Windows服务器
- ConsenSys团队首次中国行亮相万向区块链蜂巢学院 分享如何构建高质量的DApp
- CoinDesk发布2017年第三季度区块链行业报告
- BlockShow Asia 2017:GBX提供加密货币投资新平台
- 偏序与全序
- TechCrunch创始人宣布成立1亿美元XRP对冲基金
- 2017年加密货币进入国际金融体系