JavaScript function 语句

实例

声明一个函数并在调用该函数时在 id="demo" 的元素中输出 "Hello World"：

function myFunction() { // 声明函数
  document.getElementById("demo").innerHTML = "Hello World!";
}
 
myFunction(); // 调用函数

亲自试一试

页面下方有更多 TIY 实例。

定义和用法

function 语句声明函数。

声明的函数是“被保存供以后使用的”，并且将在稍后调用时执行。

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

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

请阅读我们的 JavaScript 教程，了解您需要学习的有关函数的所有知识。请从关于 JavaScript 函数和 JavaScript 作用域的章节开始。如需更多详细信息，请阅读我们关于函数定义、参数、调用和闭包的教程。

提示：请使用 return 语句从函数返回值。

浏览器支持

语法

function functionName(parameters) {
  code to be executed
}

参数值

技术细节

更多实例

实例

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

亲自试一试

相关页面

JavaScript 教程：JavaScript 函数

JavaScript 教程：JavaScript 作用域

JavaScript 教程：JavaScript 函数定义

JavaScript 教程：JavaScript 函数参数

JavaScript 教程：JavaScript 函数调用

JavaScript 教程：JavaScript 函数闭包

JavaScript 参考手册：JavaScript return 语句