JavaScript 是一種被廣泛應用于網頁交互和數據處理的腳本語言，函數則是 JavaScript 中最重要的組成部分之一。一個函數就是一段可以在任何地方被調用的代碼塊。本文將介紹 JavaScript 函數的用途，并結合實例進行詳細解釋。 JavaScript 函數的主要作用是封裝代碼。將常用的代碼放到函數里，可以更好地組織代碼，提高代碼的復用性和可維護性。下面我們看一下一個非常實際的例子：計算圓的面積。

function calculateArea(radius) {
let area = Math.PI * radius * radius;
return area;
}
let circleRadius = 5;
let circleArea = calculateArea(circleRadius);
console.log("圓的面積為：" + circleArea);

上面的代碼定義了一個 calculateArea 函數，它接受一個半徑參數，計算并返回圓的面積。在代碼的后面，我們定義了一個圓的半徑為 5，并將其作為參數傳遞給 calculateArea 函數，獲取圓的面積并打印輸出。這個例子中，我們將計算圓的面積的邏輯封裝在了一個函數里面，方便我們在其他地方重復使用。 另一個 JavaScript 函數的用途是處理事件。網頁中最常見的交互方式就是用戶和頁面的交互，在 JavaScript 中使用事件來響應用戶操作。比如我們為一個按鈕添加點擊事件：

let button = document.getElementById("button");
button.addEventListener("click", function() {
console.log("按鈕被點擊了！");
});

上面代碼中，我們首先使用 document.getElementById 方法獲取一個按鈕元素，并將其賦值給 button 變量。然后使用 addEventListener 方法為按鈕添加一個 click 事件，當按鈕被點擊時，函數里面的代碼會執行。這里的函數使用匿名函數的方式定義，也可以使用已命名函數的方式。 JavaScript 函數還可以用于處理異步操作。在現代網頁應用中，很多操作都是異步的，比如 AJAX 異步請求和定時器。下面我們以定時器為例。

function sayHello() {
console.log("Hello, World!");
}
setTimeout(sayHello, 1000);

上面的代碼使用 setTimeout 函數設置了一個定時器，執行 sayHello 函數。由于是異步的操作，定時器會等待 1000 毫秒后，才會執行函數內的代碼。這里需要注意的是，傳遞給 setTimeout 函數的是 sayHello 函數本身，而不是函數調用 sayHello()，否則它會立即執行而不是等待 1000 毫秒。 最后，JavaScript 函數還可以作為一個工廠函數，用于創建對象。當我們需要創建很多個擁有相同屬性和方法的對象時，使用工廠函數可以大大減少代碼的冗余。

function createPerson(name, age, gender) {
return {
name: name,
age: age,
gender: gender,
sayHello: function() {
console.log("Hello, my name is " + this.name);
}
};
}
let person1 = createPerson("Tom", 25, "Male");
let person2 = createPerson("Lily", 23, "Female");
person1.sayHello(); // 輸出 "Hello, my name is Tom"
person2.sayHello(); // 輸出 "Hello, my name is Lily"

上面的代碼中，我們定義了一個 createPerson 函數，接受三個參數 name、age 和 gender，然后返回一個包含這些屬性和一個 sayHello 方法的對象。使用這個函數可以輕松地創建多個 person 對象。我們創建了兩個 person 對象，分別使用了不同的參數，但都使用了相同的 createPerson 函數來創建它們。 結語 本文介紹了 JavaScript 函數的用途，包括封裝代碼、處理事件、處理異步操作和作為一個工廠函數。通過這些例子，你可以更好地理解和掌握 JavaScript 函數的應用。作為一個初學者，你可能還會覺得很多東西很抽象難懂，但只要多加練習，你就會越來越熟練。