10.14日

sword_kong發表於2024-10-14
  1. 基本的匿名函式
    可以直接定義一個匿名函式,然後立即呼叫它。

javascript
(function() {
console.log("這是一個匿名函式!");
})();
2. 作為回撥函式
匿名函式非常常見於回撥場景,比如陣列的方法。

javascript
const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(function(num) {
return num * 2;
});
console.log(doubled); // [2, 4, 6, 8, 10]
3. 事件處理
在新增事件監聽器時,通常會用到匿名函式。

javascript
document.getElementById("myButton").addEventListener("click", function() {
alert("按鈕被點選了!");
});
4. 箭頭函式
ES6引入的箭頭函式也是一種無名函式的形式,語法更簡潔。

javascript
const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8, 10]
5. 使用閉包
匿名函式也常用於閉包,在函式內部建立私有變數。

javascript
const counter = (function() {
let count = 0; // 私有變數
return function() {
count++;
return count;
};
})();

console.log(counter()); // 1
console.log(counter()); // 2
關於JS中函式中返回return的細節
return 語句後沒有跟任何值,函式將預設返回 undefined。

javascript
function noReturnValue() {
return;
}

console.log(noReturnValue()); // undefined
5. 多行返回值的陷阱
在 return 語句之後直接換行,JavaScript 會在 return 和換行符之間插入一個分號,導致返回 undefined,這可能不是你想要的結果。

javascript
function getValue() {
return
42;
}

console.log(getValue()); // undefined