JavaScript function 語句

實例

聲明一個函數，函數調用時在id="demo" 的元素上輸出"Hello World" :

function myFunction() { // 聲明一個函數
document.getElementById("demo").innerHTML = "Hello World!";
}

myFunction(); // 調用函數

嘗試一下»

本文底部包含了更多實例。

定義和用法

function 語句用於聲明一個函數。

函數聲明後，我們可以在需要的時候調用。

在JavaScript 中，函數是對象，函數也有屬性和方法。

函數也可以通過表達式定義(可以查看函數定義 )。

請閱讀我們的JavaScript 教程，了解更多關於函數的內容。首先我們可以先了解JavaScript函數和JavaScript作用域。更多詳細的內容可以查看函數定義 , 參數 , 調用和閉包。

提示：使用return語句來返回函數的值。

瀏覽器支持

語句
function	Yes	Yes	Yes	Yes	Yes

語法

functionfunctionName(parameter s){
執行的代碼
}

參數值

參數	描述
functionName	必須。指定了函數的名稱。函數名稱可以包含字母，數字，下劃線，和美元符號（變量命名規則也是如此）
parameters	可選。指定一個或多個參數名，多個參數可用英文逗號(,)隔開。函數在調用時會接收真正的值。在函數內，參數是局部變量。注意：如果調用函數時未指定參數，為指定參數的值會設置為undefined

技術細節

JavaScript 版本：	1.0

實例

返回PI 值:

function myFunction() {
return Math.PI;
}

輸出結果：

3.141592653589793

嘗試一下»

實例

返回a 乘於b 的值:

function myFunction(a, b) {
return a * b;
}

嘗試一下»

實例

使用不同的參數調用函數，輸出不同結果。

華氏溫度轉換為攝氏溫度：

function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}

嘗試一下»

實例

函數可作為變量使用。

Instead of:

temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";

你也可以這麼做:

text = "The temperature is " + toCelsius(32) + " Centigrade";

嘗試一下»

實例

JavaScript 函數有個內置對象arguments 。

arguments.length 屬性返回函數調用時接收的參數個數：

function myFunction(a, b) {
return arguments.length;
}

嘗試一下»

實例

點擊按鈕調用函數，函數執行後會在id="demo" 的元素上輸出"Hello World":

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>

嘗試一下»

實例

JavaScript 函數可定義為一個表達式。

函數表達式可保存在變量中：

var x = function (a, b) {return a * b};

嘗試一下»

實例

在函數表達式存儲在變量中後，變量可作為一個函數使用：

var x = function (a, b) {return a * b};
var z = x(4, 3);

嘗試一下»

JavaScript & HTML DOM 參考手冊

JavaScript 對象

Browser 對象

DOM 對象

HTML 對象

JavaScript function 語句

實例

定義和用法

瀏覽器支持

語法

參數值

技術細節

更多實例

實例

實例

實例

實例

實例

實例

實例

實例

相關頁面