Node.js - 回調概念

你好，有抱負的程式設計師們！今天，我們將踏上一段令人興奮的旅程，探索 Node.js 回調的世界。作為你們親切友善的電腦老師，我將指導你們逐步了解這個概念。別擔心你們是程式設計的新手——我們會從基礎開始，然後逐步深入。所以，來一杯咖啡（或者如果你喜歡，來一杯茶），我們一起來深入研究吧！

Node.js - Callbacks Concept

什麼是回調？

想像你在一個忙碌的餐廳裡。你將訂單告訴服務生，但不是站在那裡等著你的食物，而是坐下来和你的朋友聊天。當你的食物準備好的時候，服務生會「回電」給你。這基本上就是編程中的回調！

在 Node.js 中，回調是一個作為參數傳遞給另一個函數的函數，並在那個函數完成其操作後執行。這是一種確保某些代碼在之前操作完成之前不會執行的方法。

讓我們看一個簡單的例子：

function greet(name, callback) {
console.log('Hello, ' + name + '!');
callback();
}

function sayGoodbye() {
console.log('Goodbye!');
}

greet('Alice', sayGoodbye);

在這個例子中，sayGoodbye 是我們的回調函數。我們將它傳遞給 greet 函數，然後在打印問候語後調用它。當你運行這段代碼時，你會看到：

Hello, Alice!
Goodbye!

回調讓我們能夠控制操作的順序，確保 "Goodbye!" 在問候語之後打印。

阻塞代碼示例

在我們深入探讨回調之前，讓我們看看當我們不使用回調時會發生什麼。這被稱為「阻塞性代碼」，因為它會停止（或阻塞）後續代碼的執行，直到當前操作完成。

這裡有一個阻塞性代碼的例子：

const fs = require('fs');

// 阻塞代碼
const data = fs.readFileSync('example.txt', 'utf8');
console.log(data);
console.log('File reading finished');
console.log('Program ended');

在這個例子中，readFileSync 是一個同步函數，用於讀取文件。程序會等待文件完全讀取後才移動到下一行。如果文件很大，這可能會導致程序中出現明顯的延遲。

非阻塞性代碼示例

現在，讓我們看看我們如何使用回調來使代碼非阻塞：

const fs = require('fs');

// 非阻塞性代碼
fs.readFile('example.txt', 'utf8', (err, data) => {
if (err) {
console.error('Error reading file:', err);
return;
}
console.log(data);
});

console.log('File reading started');
console.log('Program ended');

在這個非阻塞性版本中，readFile 接受一個回調函數作為其最後一個參數。當文件讀取完成（或發生錯誤）時，會調用這個函數。程序不會等待文件被讀取；它會立即繼續執行下一行。

輸出可能會像這樣：

File reading started
Program ended
[example.txt的内容]

注意 "File reading started" 和 "Program ended" 在文件内容之前打印。這是因為文件讀取是異步的，讓程序的其余部分可以繼續執行。

使用箭頭函數作為回調

在現代 JavaScript 中，我們經常使用箭頭函數作為回調，它們提供了一種更簡潔的語法。讓我們重寫我們早前的問候示例，使用箭頭函數：

function greet(name, callback) {
console.log('Hello, ' + name + '!');
callback();
}

greet('Bob', () => {
console.log('Goodbye!');
});

在這裡，我們沒有定義一個分離的 sayGoodbye 函數，而是直接在 greet 函數調用中使用箭頭函數作為回調。

這在回調簡短且我們不需要在代碼的其他地方重用它時特別有用。

回調地獄以及如何避免它

隨著你的程序變得越來越複雜，你可能會發現自己在回調中嵌套回調。這可能會導致一種稱為「回調地獄」或「金字塔慾望」的情況。它看起來像這樣：

asyncOperation1((error1, result1) => {
if (error1) {
handleError(error1);
} else {
asyncOperation2(result1, (error2, result2) => {
if (error2) {
handleError(error2);
} else {
asyncOperation3(result2, (error3, result3) => {
if (error3) {
handleError(error3);
} else {
// 如此循環...
}
});
}
});
}
});

為了避免這種情況，我們可以使用以下技術：

使用命名函數而不是匿名函數
使用 Promise
使用 Async/Await（它使用 Promise 作为底層）

這裡有一個總結這些方法的表格：

方法	描述	優點	缺點
命名函數	為每個回調定義分離的函數	提高可讀性	仍然可能導致許多嵌套函數
Promise	使用 `.then()` 鍊	拉平嵌套，更好的錯誤處理	需要理解 Promise 的概念
Async/Await	使用 `async` 函數和 `await` 鍵	看起來像同步代碼，非常易讀	需要理解 Promise 和 async 函數

結論

回調是 Node.js 和 JavaScript 总体中的基本概念。它們讓我們有效地處理異步操作，使我們的程序更加高效和反應迅速。隨著你們在編程道路上的不斷前行，你們會經常遇到回調，而對它們有深入的了解會使你們成為更嫻熟的開發者。

記住，就像學習任何新技能一樣，精通回調需要練習。如果它們立即就明白了——別氣餒，持續編碼，持續實驗，很快你們就會像專家一樣使用回調！

祝編程愉快，未來的開發者！並記住，在編程的世界裡，我們不說再見——我們只是稍後再回調！

Credits: Image by storyset