JavaScript異步編程示例

JavaScript是一種單線程語言，也就是說，JavaScript在同一時間只會執行一個任務。這就意味著，如果一個任務需要花費很長時間，那么JavaScript就會鎖定線程，導致頁面無響應。異步編程是一種解決這個問題的方法。

JavaScript的異步編程方式有很多，比如回調函數、Promise、Async/Await等。下面通過一些示例來說明這些方式的使用。

回調函數

function doSomething(callback) {
setTimeout(function() {
let result = "result";
callback(result);
}, 3000);
}
function doSomethingElse(result) {
console.log(result);
}
doSomething(doSomethingElse);

這是一個回調函數的示例。doSomething函數將執行一個異步操作，在3秒之后返回結果result。當結果返回后，它將通過回調函數doSomethingElse進行處理。

Promise

function doSomething() {
return new Promise(function(resolve, reject) {
setTimeout(function() {
let result = "result";
resolve(result);
}, 3000);
});
}
doSomething().then(function(result) {
console.log(result);
});

Promise是ES6提供的一種新特性，它可以在異步操作完成后返回一個值。在這個示例中，doSomething函數返回一個Promise，然后通過then方法來處理結果。

Async/Await

function doSomething() {
return new Promise(function(resolve, reject) {
setTimeout(function() {
let result = "result";
resolve(result);
}, 3000);
});
}
async function doSomethingElse() {
let result = await doSomething();
console.log(result);
}
doSomethingElse();

Async/Await是ES8提供的一種新特性，它是Promise的語法糖。在這個示例中，doSomething函數返回一個Promise，然后在doSomethingElse函數中使用await關鍵字等待結果的返回。

以上是JavaScript異步編程的三種示例，它們的實際應用方法還要根據場景來決定。但無論是哪種方式，異步編程都能夠提高JavaScript的性能及用戶體驗。