- ES6写法
let func = (arg0) => {
for(let i = 0; i < 5; i++) {
setTimeout(() => console.log(arg0), 1000 * i, arg0)
}
}
func("hello world")
- ES5写法:
function func(arg0) {
for(var i = 0; i < 5; i++) {
(function (i) {
setTimeout(function() {
console.log(arg0)
}, 1000*i, arg0)
})(i)
}
}
func("hello world")
当setTimeout执行的时候,i 的值才能确定,这时循环模块已经运行完成,i 值为5。
使用立即执行函数,立即绑定,用每次的值绑定到事件上,而不是循环结束的值。
function test(timing){
return function(arg0) { // 闭包
setTimeout(function() { // 引用了外部变量timing,使timing一直存在内存中,直到setTimeout执行完毕。
console.log(arg0)
}, 1000 * timing, arg0)
}
}
function func(arg0) {
for(var i = 0; i < 5; i++){
test(i)(arg0)
}
}
func("hello world")
这里使用到了闭包的概念,为每一个回调都创建一个新的词法环境。
容易犯错的地方:
- setTimeout方法第一个参数不能传参数
- i 值的变化
网友评论