JavaScript function 语句

实例

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

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

亲自试一试

页面下方有更多 TIY 实例。

定义和用法

function 语句声明函数。

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

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

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

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

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

浏览器支持

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

语法

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

亲自试一试

相关页面

JavaScript 教程:JavaScript 函数

JavaScript 教程:JavaScript 作用域

JavaScript 教程:JavaScript 函数定义

JavaScript 教程:JavaScript 函数参数

JavaScript 教程:JavaScript 函数调用

JavaScript 教程:JavaScript 函数闭包

JavaScript 参考手册:JavaScript return 语句