javascript - 循环内的函数问题
PHPz
PHPz 2017-04-11 13:26:28
0
6
170
var a = []; for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); // 10 a[6] // function(){ console.log(i); }

我不理解的是,这里为什么不是

a[6] = function () { console.log(6); };
PHPz
PHPz

学习是最好的投资!

모든 응답 (6)
PHPzhong

因为 i 的作用域 是 window,每循环一次,都会重新赋值。

给你改写一个了一个demo,用外套function锁定作用域,可以实现你要的效果

var a = []; for (var i = 0; i < 10; i++) { a[i] = (function (i) { return function(){ console.log(i); } })(i); }

运行结果:

> a[6]; function(){ console.log(i); } >a[6](); 6
    Peter_Zhu

    因为你定义的时候就是console.log(i)啊,函数的定义是不会变化的,不会根据你的值变化你自动变化。

      阿神

      因为执行函数的时候他才去查询i的值啊,而i的值经过循环已经是10了

        Ty80

        循环结束后,a数组保存了10个函数,
        函数定义为

        function(){ console.log(i); }

        这个i是上面 for 循环定义的,终值为10,所以这里是10.如果你想实现i跟着变的话,请使用闭包

          黄舟

          这是个闭包问题,直接function并不会立刻执行。
          a[i] = function () {

          console.log(i);

          };
          这里console.log(i);中的i调取的是循环后的值,因为i不是直接来自循环中的i,它是在函数中。
          可以理解成a[i]循环一遍后,再执行
          function () {

          console.log(i);

          };
          而这时i是=10

          如果想要返回对应值,则改为
          a[i] = (function(i){

          return function(){ console.log(i); }

          })(i);

            伊谢尔伦

            当你调用a[6]时, 输出的是此时i的值,而i的值在这时因为for循环结束的原因,已经变成了10;
            要达到你说认为的6的话,需要用到闭包或者自定义属性

              최신 다운로드
              더>
              웹 효과
              웹사이트 소스 코드
              웹사이트 자료
              프론트엔드 템플릿
              회사 소개 부인 성명 Sitemap
              PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!