JavaScript是一種單線程語言，當某個操作未執行完成前，后續的操作將被阻塞。這在一些需要大量計算或者操作的場景下會導致界面被長時間阻塞。為了解決這個問題，JavaScript引入了異步編程。

異步編程即將需要等待的操作轉化為一個異步操作，當操作完成后再執行相應的處理。在異步編程中，我們可以使用回調函數、Promise、async/await等機制。下面分別介紹這些機制：

回調函數

function getData(callback) {
setTimeout(function() {
var data = "Hello World";
callback(data);
}, 1000);
}
getData(function(data){
console.log(data);
});

在上面的代碼中，我們使用了setTimeout模擬了一個異步操作，當操作完成后，通過回調函數將數據返回。回調函數即getData的第一個參數，通過回調函數的調用來處理操作完成后的數據。

Promise

function getData() {
return new Promise(function(resolve, reject) {
setTimeout(function() {
var data = "Hello World";
resolve(data);
}, 1000);
});
}
getData().then(function(data){
console.log(data);
});

在上面的代碼中，我們使用Promise來處理異步操作。Promise對象接收一個回調函數，該回調函數需要傳入兩個參數，分別是resolve和reject。當操作完成后，調用resolve函數來處理數據；如果出現異常，可以使用reject函數來處理。使用then方法來處理數據。

async/await

async function getData() {
return new Promise(function(resolve, reject) {
setTimeout(function() {
var data = "Hello World";
resolve(data);
}, 1000);
});
}
(async function() {
var data = await getData();
console.log(data);
})();

在上面的代碼中，async用于聲明函數是異步函數；await用于等待異步函數返回數據。使用了async/await之后，可以讓代碼更為簡潔易讀。

以上就是JavaScript中異步編程的三種機制，根據具體的使用場景來選擇合適的機制可以讓代碼更加清晰易懂。