JavaScript 函式
示例
宣告一個函式,當它被呼叫時輸出“Hello World”
// 宣告一個函式
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
// 呼叫函式
myFunction();
自己動手試一試 »
更多示例見下文。
描述
function
語句宣告一個函式。
宣告的函式被“儲存以備後用”,並在呼叫(執行)時執行。
在 JavaScript 中,函式是物件,它們同時擁有屬性和方法。
函式也可以透過表示式來定義(請參閱函式定義)。
閱讀我們的 JavaScript 教程,瞭解關於函式的所有必要知識。從介紹 JavaScript 函式 和 JavaScript 作用域 的章節開始。有關更詳細的資訊,請參閱我們關於函式定義、引數、呼叫和閉包的函式部分。
另請參閱
語法
function functionName(parameters) {
要執行的程式碼
}
引數
引數 | 描述 |
functionName | 必需。 函式名。 命名規則:與 JavaScript 變數相同。 |
parameters | 可選。 一組引數(引數名),以逗號分隔。 引數是函式從外部接收到的實際值。 在函式內部,引數被用作區域性變數。 如果呼叫函式時缺少引數,則缺少引數的值將設定為 undefined 。 |
更多示例
具有不同引數的函式可以產生不同的結果。
將華氏溫度轉換為攝氏溫度
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
自己動手試一試 »
函式可以作為變數使用。
代替
temp = toCelsius(32);
text = "溫度是 " + temp + " 攝氏度";
您可以使用
text = "溫度是 " + toCelsius(32) + " 攝氏度";
自己動手試一試 »
JavaScript 函式有一個名為 arguments 的內建物件。
arguments.length 屬性返回函式接收到的引數數量
function myFunction(a, b) {
return arguments.length;
}
自己動手試一試 »
點選呼叫一個輸出“Hello World”的函式
<button onclick="myFunction()">點選我</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
自己動手試一試 »
相關頁面
JavaScript 教程:JavaScript 函式
JavaScript 教程:JavaScript 作用域
JavaScript 教程:JavaScript 函式定義
JavaScript 教程:JavaScript 函式引數
JavaScript 教程:JavaScript 函式呼叫
JavaScript 教程:JavaScript 函式閉包
JavaScript 參考:JavaScript return 語句
瀏覽器支援
function
是 ECMAScript1 (ES1) 的特性。
ES1 (JavaScript 1997) 在所有瀏覽器中都得到完全支援
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 是 |