JavaScript 函式
JavaScript 函式是用於執行特定任務的程式碼塊。
當“某事”呼叫(呼叫)它時,JavaScript 函式將被執行。
JavaScript 函式語法
JavaScript 函式使用 function
關鍵字定義,後跟一個名稱,再後跟一對圓括號()。
函式名稱可以包含字母、數字、下劃線和美元符號(與變數的規則相同)。
圓括號內可以包含用逗號分隔的引數名稱
(parameter1, parameter2, ...)
由函式執行的程式碼放在大括號內:{}
function name(parameter1, parameter2, parameter3) {
// 要執行的程式碼
}
函式引數列在函式定義中的括號 () 內。
函式引數值是函式被呼叫時接收到的值。
在函式內部,引數(形參)充當區域性變數。
函式呼叫
當“某事”呼叫(呼叫)函式時,函式內的程式碼將被執行。
- 當發生事件時(例如使用者單擊按鈕)
- 當從 JavaScript 程式碼呼叫(呼叫)時
- 自動執行(自呼叫)
您將在本教程的後面部分了解更多關於函式呼叫的資訊。
函式返回值
當 JavaScript 遇到 return
語句時,函式將停止執行。
如果函式是從一個語句呼叫的,JavaScript 將“返回”到呼叫語句之後執行程式碼。
函式通常會計算一個返回值。返回值會被“返回”給“呼叫者”。
示例
計算兩個數的乘積,並返回結果
// 呼叫函式,返回值將賦給 x
let x = myFunction(4, 3);
function myFunction(a, b) {
// 函式返回 a 和 b 的乘積
return a * b;
}
自己動手試一試 »
為什麼使用函式?
使用函式可以重用程式碼
您可以編寫可以多次使用的程式碼。
您可以使用相同的程式碼,但使用不同的引數,來產生不同的結果。
() 運算子
() 運算子用於呼叫(呼叫)函式。
示例
將華氏度轉換為攝氏度
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
let value = toCelsius(77);
自己動手試一試 »
使用不正確的引數呼叫函式可能會返回不正確的結果。
示例
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
let value = toCelsius();
自己動手試一試 »
不帶 () 呼叫函式會返回函式本身,而不是函式的結果。
示例
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
let value = toCelsius;
自己動手試一試 »
注意
從上面的示例可以看出,toCelsius
指的是函式物件,而 toCelsius()
指的是函式的結果。
函式用作變數值
函式可以用與變數相同的方式使用,應用於所有型別的公式、賦值和計算。
示例
不必使用變數來儲存函式的返回值
let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";
您可以直接使用該函式,作為變數值。
let text = "The temperature is " + toCelsius(77) + " Celsius";
自己動手試一試 »
您將在本教程的後面部分了解更多關於函式的內容。
區域性變數
在 JavaScript 函式內宣告的變數是該函式的區域性變數。
區域性變數只能在函式內部訪問。
示例
// 此處程式碼不能使用 carName
function myFunction() {
let carName = "Volvo";
// 此處程式碼可以使用 carName
}
// 此處程式碼不能使用 carName
自己動手試一試 »
由於區域性變數只能在函式內部識別,因此可以在不同函式中使用相同名稱的變數。
區域性變數在函式開始時建立,並在函式完成後刪除。