資料結構
網路
關係資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學JavaScript匿名函式的典型用例是什麼？
在本文中，我們將探討JavaScript中的**匿名**函式，並學習它們的用例。匿名函式是一種特殊型別的函式，它沒有任何名稱與之關聯。
在JavaScript中，我們通常在定義任何JavaScript函式之前使用function <funcName>()關鍵字。但是，在JavaScript的匿名函式中，我們只使用function關鍵字來定義函式，而沒有任何支援的名稱。
建立匿名函式後無法訪問它，只能透過將函式儲存為值的變數來訪問它。匿名函式可以有多個引數，但始終只執行單個表示式。
示例1
在下面的示例中，我們建立了一個普通函式，然後是一個簡單的匿名函式。這兩個函式執行相同的操作，即向控制檯列印訊息。但匿名函式沒有函式名，只有一個表示式。
#檔名: index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initialscale= 1.0" />
<title>Anonymous Function</title>
</head>
<body>
<h1 style="color: red;">
Welcome To Tutorials Point
</h1>
<script>
// Normal function
function Display() {
return "Welcome To Tutorials Point!";
}
console.log(Display());
// Anonymous function
let display = function() {
return "SIMPLY EASY LEARNING!!!";
}
console.log(display());
</script>
</body>
</html>輸出
它將在控制檯中產生以下輸出。
Welcome To Tutorials Point! SIMPLY EASY LEARNING!!!
示例2
在下面的示例中，我們使用箭頭和不使用箭頭建立了兩個匿名函式。這兩個函式都執行兩個數字的加法運算。
#檔名: index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initialscale= 1.0" />
<title>Anonymous Function</title>
</head>
<body>
<h1 style="color: red;">
Welcome To Tutorials Point
</h1>
<script>
// Anonymous Function
let add = function (a, b) {
return a + b;
};
console.log("Sum of 3 & 5 using Anonymous Function is:" + add(3,5));
// Anonymous function using arrow
let addV2 = (a, b) => a + b;
console.log("Sum of 3 & 5 using Anonymous Function " + "with Arrow is:" + addV2(3,5));
</script>
</body>
</html>輸出
上述程式成功執行後，將在控制檯中產生以下輸出。
Sum of 3 & 5 using Anonymous Function is:8 Sum of 3 & 5 using Anonymous Function with Arrow is:8
更新於：2022年4月28日
411 次檢視
廣告