目录

JavaScript 函数

❮上一节 JavaScript声明下一节❯

示例

声明一个在调用时输出 "Hello World" 的函数：

// Declare a function
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}

// Call the function
myFunction();

亲自试一试 »

下面有更多示例。

描述

这个function语句声明一个函数。

声明的函数是"saved for later use"，并且将在稍后被调用（调用）时执行。

在 JavaScript 中，函数是对象，它们同时具有属性和方法。

函数也可以使用表达式来定义（参见函数定义）。

阅读我们的 JavaScript 教程，了解有关函数的所有知识。从介绍章节开始JavaScript 函数和JavaScript 范围。有关更多详细信息，请参阅我们的功能部分函数定义,参数,祈求和闭包。

也可以看看：

语法

function functionName( parameters) {
code to be executed
}

参数

Parameter	Description
functionName	Required. The name of the function. Naming rules: same as JavaScript variables.
parameters	Optional. A set of arguments (parameter names), separated by commas. The arguments are real values received by the function from the outside. Inside the function, the arguments are used as local variables. If a function is called with a missing argument, the value of the missing argument is set to `undefined`.

更多示例

返回 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";

您可以使用：

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

亲自试一试 »

JavaScript 函数有一个称为参数的内置对象。

argument.length 属性返回函数接收的参数数量：

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

亲自试一试 »

单击以调用输出 "Hello World" 的函数：

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

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

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

亲自试一试 »

当函数表达式存储在变量中时，该变量包含一个函数：

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

亲自试一试 »

当函数存储在变量中时，变量可以用作函数：

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

亲自试一试 »

相关页面

JavaScript 教程：JavaScript 函数

JavaScript 教程：JavaScript 范围

JavaScript 教程：JavaScript 函数定义

JavaScript 教程：JavaScript 函数参数

JavaScript 教程：JavaScript 函数调用

JavaScript 教程：JavaScript 函数闭包

JavaScript 参考：JavaScript 返回语句

浏览器支持

function是 ECMAScript1 (ES1) 功能。

所有浏览器均完全支持 ES1 (JavaScript 1997)：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	Yes

❮上一节 JavaScript声明下一节❯