搜尋

首頁  >  問答  >  主體

javascript - async/await 與 forEach 問題

方法一:沒問題

#
    (async function () {
        for (let i = 0; i < triggerArr.length; ++i) {
            await sleep();
            triggerArr[i]();
        }
    })();

方法二:是一起輸出來的,為什麼? (沒有等待)

#
    const test = async function (item) {
            await sleep();
            item();
    };

    triggerArr.forEach(test);

全部的程式碼

#
function signalLamp(singalArr) {
    function tic(sign, delay) {
        return () => new Promise((res, rej) => {
            setTimeout(() => {
                res();
                console.log(sign);
            }, delay || 1000);
        });
    }

    const rawArr = singalArr.slice();
    const triggerArr = rawArr.reduce(function (prev, item) {
        return prev.concat([tic(item, 1000)]);
    }, []);

    const sleep = () => new Promise((res, rej) => setTimeout(res, 1000));


    /* Method 1 */
    (async function () {
        for (let i = 0; i < triggerArr.length; ++i) {
            await sleep();
            triggerArr[i]();
        }
    })();
    /* Method 2 */
    // const test = async function (item) {
    //         await sleep();
    //         item();
    // };
    // triggerArr.forEach(test);
}

signalLamp(['red', 'green', 'yellow']);
PHP中文网PHP中文网2830 天前522

全部回覆(2)我來回復

  • 淡淡烟草味

    淡淡烟草味2017-05-16 13:41:43

    我跟你講下。
    await 只能用於 async 聲明的函數上下文中. 如下 forEach 中, 是不能直接使用await的.

    let array = [0,1,2,3,4,5];
    (async ()=>{
      array.forEach(function(item){
        console.log(item);
        await wait(1000);//这是错误的写法
      });
    })();
    //因await只能用于 async 声明的函数上下文中, 故不能写在forEach内.下面我们来看正确的写法
    (async ()=>{
      for(let i=0,len=array.length;i<len;i++){
        console.log(array[i]);
        await wait(1000);
      }
    })();

    仔細看下,發現你的問題是另外一種情況。
    你這樣把test當作回呼函數傳入進去,sleep方法是同步執行的,await還是生效的,只是同時生效。因此後續函數在等待相同的時間後,一起執行。

    回覆
    0
  • 巴扎黑

    巴扎黑2017-05-16 13:41:43

    async 做非同步循環的時候最好用 for ... of ... 或 Promise.all()

    回覆
    0
  • 取消回覆