› Closure: The Definitive Guide
想做到的是，每过一秒，分别打印:
this is 0
this is 1
this is 2
~
this is 8
下面的代码结果是过一秒后全部执行。
是不是哪里写的不对呢，多谢指教
var jobs = [];
for(let i = 0; i < 8; i++) {
jobs.push(async function(){
setTimeout(function(){
console.log("this is " + i)
},1000)
});
}
(async function () {
for (const job of jobs) {
await job()
}
})();
 |
1
ruxuan1306 Oct 23, 2021
```
const job = new Promise((resolve, reject) => { setTimeout(() => resolve, 3000) }) console.log('start') await job() console.log('done') ``` |
|
2
ruxuan1306 Oct 23, 2021
async 只是 promise 的语法糖，await 本质上必须等待一个 promise ，如果 await 一个立即数，则会立即 resolve 。
setTimeout 返回的是 timer 的 id ，是一个立即数，所以会立即 resolve ，你必须返回一个 promise 。 |
 |
3
codehz Oct 23, 2021
var jobs = [];
for(let i = 0; i < 8; i++) { jobs.push(() => new Promise(resolve => setTimeout(() => { console.log("this is " + i); resolve(); },1000))); } (async function () { for (const job of jobs) { await job() } })(); |
 |
4
MonkeyD1 Oct 23, 2021
var jobs = [];
for (let i = 0; i < 8; i++) { jobs.push(async function () { return new Promise(function (resolve, reject) { setTimeout(function () { resolve(console.log("this is " + i)); }, 1000); }); }); } (async function () { for (const job of jobs) { await job(); } })(); |
|
5
MonkeyD1 Oct 23, 2021
return promise
|
 |
6
Curtion Oct 23, 2021
你得这样
```javascript var jobs = []; for(let i = 0; i < 8; i++) { jobs.push(async function(){ return new Promise(resolve => { setTimeout(function(){ console.log("this is " + i) resolve() },1000) }) }); } (async function () { for (const job of jobs) { await job() } })(); ``` |
|
7
ruxuan1306 Oct 23, 2021
发现我代码里 resolve 漏了对括号，会导致无人调用 resolve 无限等待，我猜你应该明白该怎么改正。
|
 |
8
selfcreditgiving OP |
 |
9
0Vincent0Zhang0 Oct 23, 2021 via Android
把 1000 改为 (i+1)*1000 [doge]
|
 |
10
kaixuan1901 Oct 23, 2021
```javascript
function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } (async function() { for (let i = 0; i < 8; i++) { await sleep(1000); console.log("This is " + i); } })(); ``` |
 |
11
wakaka Oct 23, 2021
好好理解一下 promise
|
|
12
selfcreditgiving OP @0Vincent0Zhang0 呵呵 这个头比较铁 :)
|
 |
13
beyondstars Oct 24, 2021
function makeAsyncFunc(outputNum) {
return async function () { const now = new Date().valueOf(); console.log(`${now}: this is ${outputNum}`); }; } const funcs = []; for (let i = 1; i <= 10; i++) { funcs.push(makeAsyncFunc(i)); } function execOneByOne(asyncFuncs) { if (asyncFuncs.length === 0) { return; } const currentFunc = asyncFuncs.shift(); currentFunc().then(() => { setTimeout(() => execOneByOne(asyncFuncs), 1000); }); }; execOneByOne(funcs); 思路是把任务调度和任务执行区分开。 |
 |
14
xingguang Oct 25, 2021
我看问题已经解决了，但是我稍微吐槽一下：var 和 let 混用让略微有点强迫症的我看着有点难受。
|
 |
15
danhua Oct 25, 2021
我的想法是可不可以用微任务和宏任务来解释这个。
|
 |
16
wangtian2020 Oct 25, 2021
```
let i = 0 let prm = () => new Promise((resolve, reject) => { setTimeout(() => { console.log(i++); resolve() }, 1000) } ) ; (async () => { await prm() await prm() await prm() await prm() await prm() await prm() })() ``` 注意，settimeout 1000 代表着一定会在 1000 毫秒之后返回，可能是 1001 毫秒，1010 毫秒，如果内部同步卡住 2000 毫秒都有可能。 |
 |
17
photon006 Oct 26, 2021
把 setTimeout 封装成 delay 方法，放到 for 外边当成 utils 工具使用，for 改成 for await 串行执行，在 for await 内调用 delay()。
|
 |
18
chenjiangui998 Oct 26, 2021
let jobs = []
for (let i = 0; i < 10; i++) { let a = i jobs.push(async () => { console.log('this is', a) }) } let time = setInterval(() => { if (jobs.length) { jobs.shift()() } else { clearInterval(time) } }, 1000) 和异步不异步没有关系 |
 |
19
2i2Re2PLMaDnghL Oct 27, 2021
@danhua 无关，而是顺次执行 setTimeout ，根本没等回调返回就先去找下一个去了，是逻辑错误而不是机制问题。
async function 里面没有 await 会立刻变为 fulfilled ，await 可能不会发生调度？ |
Select Language