JavaScript function 語句

定義和用法

function 語句聲明函數。

聲明的函數是“被保存供以后使用的”，并且將在稍后調用時執行。

在 JavaScript 中，函數是對象，它們同時擁有屬性和方法。

也可以使用表達式定義函數（請參閱函數定義）。

請閱讀我們的 JavaScript 教程，了解您需要學習的有關函數的所有知識。請從關于 JavaScript 函數和 JavaScript 作用域的章節開始。如需更多詳細信息，請閱讀我們關于函數定義、參數、調用和閉包的教程。

提示：請使用 return 語句從函數返回值。

實例

聲明一個函數并在調用該函數時在 id="demo" 的元素中輸出 "Hello World"：

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

親自試一試

頁面下方有更多 TIY 實例。

語法

function functionName(parameters) {
  code to be executed
}

參數值

參數 描述
functionName 必需。規定函數的名稱，可以“保存以備后用”。函數名可以包含字母、數字、下劃線和美元符號（規則與變量相同）。
parameters

可選。指定一組零個或多個參數名稱，以逗號分隔。

函數參數是函數定義中列出的名稱。

函數參數是函數在調用時收到的實際值。在函數內部，參數用作局部變量。

注釋：如果調用函數時缺少參數，則缺少參數的值將設置為 undefined。

技術細節

JavaScript 版本： ECMAScript 1

更多實例

實例

返回 PI 的值：

function myFunction() {
  return Math.PI;
}

親自試一試

實例

返回 a 和 b 的乘積：

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

親自試一試

實例

通過使用函數，您可以多次使用有不同參數的相同代碼，以產生不同的結果。

將華氏度轉換為攝氏度：

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

親自試一試

實例

函數可用作變量。

代替：

temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
You can use:
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);

親自試一試

瀏覽器支持

語句 Chrome IE Firefox Safari Opera
function 支持 支持 支持 支持 支持

相關頁面

JavaScript 教程：JavaScript 函數

JavaScript 教程：JavaScript 作用域

JavaScript 教程：JavaScript 函數定義

JavaScript 教程：JavaScript 函數參數

JavaScript 教程：JavaScript 函數調用

JavaScript 教程：JavaScript 函數閉包

JavaScript 參考手冊：JavaScript return 語句