"下面代码最终会输出什么？为什么？如何解决？\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：写作不易，如要转裁，请标明转载出处。

猜你想看: 什么是MVVM？其优点是什么？; Proxy与Object.defineProperty的优劣对比?; 什么是事件冒泡和事件捕获？; json和xml数据的区别?; JS实现一个无限累加的add函数?; 拖拽会用到哪些事件？; document.write和innerHTML的区别?; 什么是JSONP？; 介绍下三次握手; 介绍下四次挥手

回顶部