摘要：?jiǎn)栴}的主要目的是考察對(duì)異步調(diào)用執(zhí)行結(jié)果的處理，既然是異步調(diào)用，那么不可能同步等待異步結(jié)果，結(jié)果一定是異步的經(jīng)常用來模擬異步操作。

原題來自 @若澤 的提問。

可修改下面的 aa() 函數(shù)，目的是在一秒后用 console.log() 輸出 want-value

function aa() {
    setTimeout(function() {
        return "want-value";
    }, 1000);
}

但是，有額外要求：

aa() 函數(shù)可以隨意修改，但是不能有 console.log()

執(zhí)行 console.log() 語句里不能有 setTimeout 包裹

也許這是個(gè)面試題，管它呢。問題的主要目的是考察對(duì)異步調(diào)用執(zhí)行結(jié)果的處理，既然是異步調(diào)用，那么不可能同步等待異步結(jié)果，結(jié)果一定是異步的

setTimeout() 經(jīng)常用來模擬異步操作。最早，異步是通過回調(diào)來通知（調(diào)用）處理程序處理結(jié)果的

function aa(callback) {
    setTimeout(function() {
        if (typeof callback === "function") {
            callback("want-value");
        }
    }, 1000);
}

aa(function(v) {
    console.log(v);
});

不過回調(diào)在用于稍大型一點(diǎn)的異步應(yīng)用時(shí)，容易出現(xiàn)多層嵌套，所以之后提出了一些對(duì)其進(jìn)行“扁平”化，這一部分可以參考閑談異步調(diào)用“扁平”化。當(dāng)然 Promise 是非常流行的一種方法，并最終被 ES6 采納。用 Promise 實(shí)現(xiàn)如下：

function aa() {
    return new Promise(resolve => {
        setTimeout(function() {
            resolve("want-value");
        }, 1000);
    });
}

aa().then(v => console.log(v));

就這個(gè)例子來說，它和前面回調(diào)的例子大同小異。不過它會(huì)引出目前更推薦的一種方法——async/await，從 ES2017 開始支持：

function aa() {
    return new Promise(resolve => {
        setTimeout(function() {
            resolve("want-value");
        }, 1000);
    });
}

async function main() {
    const v = await aa();
    console.log(v);
}

main();

aa() 的定義與 Promise 方法中的定義是一樣的，但是在調(diào)用的時(shí)候，使用了 await，異步等待，等待到異步的結(jié)果之后，再使用 console.log() 對(duì)其進(jìn)行處理。

這里需要注意的是 await 只能在 async 方法中使用，所以為了使用 await 必須定義一個(gè) async 的 main 方法，并在全局作用域中調(diào)用。由于 main 方法是異步的（申明為 async)，所以如果 main() 調(diào)用之后還有其它語句，比如 console.log("hello")，那么這一句話會(huì)先執(zhí)行。

async/await 語法讓異步調(diào)用寫起來像寫同步代碼，在編寫代碼的時(shí)候，可以避免邏輯跳躍，寫起來會(huì)更輕松。（參考：從地獄到天堂，Node 回調(diào)向 async/await 轉(zhuǎn)變）

當(dāng)然，定義 main() 再調(diào)用 main() 這部分可以用 IIFE 封裝一下，

(async () => {
    const v = await aa();
    console.log(v);
})();