为什么onmouseenter函数里面的i值为13？

Question

        var spans = document.getElementsByTagName("span");

        var audios = document.getElementsByTagName("audio");

        for(var i = 0 ; i < spans.length ; i ++){

            spans[i].index = i;

            spans[i].onmouseenter = function(){

                //load保留之前的尾音，重新开始新的

                console.log(i);

                audios[this.index].load();

                audios[this.index].play();

            }

        }

页面上有12个span标签，for循环中spans.length的值为12。而这个函数里面的i值弹出的结果是12而不是0到11，为什么？

Answer 1

参考一下吧左侧链接，就是异步回调的执行时机和作用域的问题。还有这个链接