javascript - js闭包作用域
问题描述
为什么会输出10 次10 push进去的不应该是 1 - 9吗 这个坑求大神解答
function save_i(){ var a = []; for(var i = 0;i<10;i++){a[i] = function(){ return i;} } return a; }var c = save_i();for(var i = 0;i<10;i++){ console.log(c[i]()); //10次 10}
问题解答
回答1:只需要在for循环执行时,创建一个闭包函数将i值保存起来,既可以依次输出
function save_i(){ var a = []; for(var i = 0;i<10;i++){a[i] = function(i){ return function() {return i; };}(i); } return a;}var c = save_i();for(var i = 0;i<10;i++){ console.log(c[i]()); //已经变为依次输出}回答2:
在执行点击事件之前,for循环已经执行完,也就是最终获取的是最后 i 的值5。 呆神:绑定 和 点击 是两个事件 点击是用户交互的时候发生 绑定在引擎编译代码的时候就发生了~ 宇神:这样理解吧,你把点击事件当做一个下车事件,而火车从1-4,到4时你才能下车执行事件,此时值为4.
之前过基础看过的文章理解闭包,要求你写过一代码,而且接下来在自己的代码中也能用到,除些之外,就只能死记硬背了。老派的国人喜欢让小孩子很小的时候背东西,但是不会和他们讲是什么意思,有时也讲不清,寄希望于在未来的某个时刻自然而然就懂了以上如果你有一定基础,推荐看我写的日志,再不懂,留言问我http://user.qzone.qq.com/2084...
回答3:function save_i(){ var a = []; for(var i = 0;i<10;i++){a[i] = function(i){ return i;}; } return a; }var c = save_i();for(var i = 0;i<10;i++){ console.log(c[i](i));}回答4:
a[i] = function(i){ return i;};
return的每个i都是引用了外部的同一个i 也就是10
回答5:var fns=[];function test(){ for(var i=0;i<10;i++){(function(j){ fns.push(function(){ console.log(j);} ); })(i); }}test();for(var k=0;k<fns.length;k++){ fns[k]();}
var变量的作用域是函数作用域,不是块级作用域
回答6:作用域链在创建的时候就已经生成了, c[i] = function(i){ return i; };运行的时候当前作用域没有i,而上层作用域save_i()的i已经变成10。你认为结果是0~9,是不是你把上层作用域当做全局了
回答7:a[i]赋值的时候是一堆function、也就是并没有执行、也没有拿到i、她的作用域也没取到i
当你在下面执行的时候、这一堆function都开始找自己作用域能取到的i、也就是循环执行完的10
回答8:var关键字声明变量作用域为函数作用域, 因此 for 循环中的 i 变量会发生变量提升。 楼主的将for循环中的哪一段改为自执行函数就ok了。eg:function save_i(){
var a = [], i = 0;for(;i<10;i++){ a[i] = function(i){return i; }(i);}return a;
}
相关文章:
1. angular.js - 有没有不需要先git clone xxxx的angular2的教程?2. java - 当在子类中声明一个父类中存在的变量后,自动调用的父类构造函数不起作用。3. 用Java写发送邮件的程序,经常被当做垃圾邮件处理怎么解决4. angular.js - angularjs 如何用一组按钮完成单选5. angular.js - angular双向绑定机制异常6. java - Spring boot启动时报错?7. angular.js - angularJs里面的这种判断自动生成的注释可以去掉吗?8. android - recyclerview显示错乱9. angular.js - 报这个错是什么原因呢?没有显示,因为报错,可是controller里没有这个错10. angular.js - 求Angular ui-router 多层嵌套的Demo!