搜索历史

{{ i+1 }}{{ v }}

搜索推荐

{{ i+1 }}{{ v }}

"下面代码最终会输出什么？为什么？如何解决？\n\n```\nvar a=[];\nfor(var i=0; i<10; i++){\n a[i] = function() {\n console.log(i)\n }\n}\na[6]();\n```"

转载翻译原创

问答题 · 前端 · javascript · @{ formatTime(detail.create_time) }

下面代码最终会输出什么？为什么？如何解决？

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

a[6]() 的最终结果是 10。
原理全局变量 i，在 for 循环执行过后，就自增长到 10 了。

解决方式：
1、使用立即执行函数( IIFE ：函数表达式(Immediately Invoked Function Expression) )
2、使用 let 声明块级变量
等

事件示例：

for(var i=0; i<10; i++) {
  document.querySelector(`#li_${i}`).onclick = ((index) => {
    return (e) => {
      console.log(e, index)
    }
  })(i)
}

PS：写作不易，如要转裁，请标明转载出处。

猜你想看: target和currentTarget区别?; 给定二叉树 [3,9,20,null,null,15,7], ```text 3 / \ 9 20 / \ 15 7 ``` 返回其自底向上的层次遍历为： ```text [ [15,7], [9,20], [3] ] ```; 谈下关于内存泄漏的认识？; 常见的事件类型及初始化方式?; 如何处理进制转换？; AMD CMD规范的区别?; json和xml数据的区别?; document.write和innerHTML的区别?; ['1', '2', '3'].map(parseInt) 最终会输出什么？为什么？; ``` var Foo = function() { this.name = 'jack'; return { name: 'tom' }; } var foo = new Foo(); ``` 请问foo.name是什么？为什么？

回顶部