|
前言 ES5,中不存在代码块的作用域,如下代码所示,变量i是var命令声明的，在全局范围内都有效，所以全局只有一个变量i。每一次循环，变量i的值都会发生改变,导致运行时输出的是最后一轮的i的值，也就是 4 [JavaScript] 纯文本查看 复制代码 var a = ["a","b","c","d"][/align] var b = [];
var c = [1000,200,1300,400];
for(var i=0;i<a.length;i++){
var t = a[i];
b.push(
new Promise((resolve,reject)=>{
setTimeout(()=>{
console.log(t,i)
resolve();
},c[i])
})
)
}
Promise.all(b).then(() => {
console.log("all");
})
[JavaScript] 纯文本查看 复制代码 b 1
d 3
a 0
c 2
all [JavaScript] 纯文本查看 复制代码 d 4
d 4
d 4
d 4
all (1)用let变量定义替换var ES中let为 JavaScript 新增了块级作用域,下面代码中,变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量. [JavaScript] 纯文本查看 复制代码 for(let i=0;i<a.length;i++){
let t = a[i];
b.push(
new Promise((resolve,reject)=>{
setTimeout(()=>{
console.log(t,i)
resolve();
},c[i])
})
)
}(2)通过function的bind方法 JavaScript中函数是存在作用域的,函数用call()、apply()、bind()这些方法去改变this的指向。 [JavaScript] 纯文本查看 复制代码 for(var i=0;i<a.length;i++){
var t = a[i];
b.push(
new Promise((function(resolve,reject){
setTimeout(()=>{
console.log(this.t,this.i)
resolve();
},c[i])
}).bind({t:t,i:i}))
)
}
(3)通过array的forEach方法 ES5为数组提供了forEach迭代方法,对数组每一项运行给定函数,这个方法没有返回值 [JavaScript] 纯文本查看 复制代码 a.forEach((t,i)=>{
b.push(
new Promise((resolve,reject)=>{
setTimeout(()=>{
console.log(t,i)
resolve();
},c[i])
})
)
})
| 
收藏
淘帖
踩
