JavaScript 函数
示例
声明一个函数,当被调用时输出 “Hello World”
// 声明一个函数
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
// 调用函数
myFunction();
亲自试一试 »
下面还有更多示例。
描述
The function
语句声明一个函数。
声明的函数被 “保存以备后用”,并将在稍后调用 (调用) 时执行。
在 JavaScript 中,函数是对象,它们同时具有属性和方法。
也可以使用表达式定义函数(请参阅 函数定义)。
阅读我们的 JavaScript 教程,了解有关函数的全部知识。从关于 JavaScript 函数 和 JavaScript 范围 的介绍章节开始。有关更详细的信息,请参阅我们关于 函数定义、参数、调用 和 闭包 的函数部分。
另请参阅
语法
function functionName(parameters) {
要执行的代码
}
参数
参数 | 描述 |
functionName | 必需的。 函数的名称。 命名规则:与 JavaScript 变量相同。 |
参数 | 可选的。 一组参数(参数名称),用逗号分隔。 参数是从外部接收到的函数的实际值。 在函数内部,参数用作局部变量。 如果调用函数时缺少参数,则缺少参数的值将设置为 undefined 。 |
更多示例
具有不同参数的函数可以产生不同的结果。
将华氏度转换为摄氏度
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 函数有一个名为 arguments 的内置对象。
arguments.length 属性返回函数接收到的参数数量
function myFunction(a, b) {
return arguments.length;
}
亲自试一试 »
单击以调用输出 “Hello World” 的函数
<button onclick="myFunction()">单击我</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
亲自试一试 »
相关页面
JavaScript 教程:JavaScript 函数
JavaScript 教程:JavaScript 范围
JavaScript 教程:JavaScript 函数定义
JavaScript 教程:JavaScript 函数参数
JavaScript 教程:JavaScript 函数调用
JavaScript 教程:JavaScript 函数闭包
JavaScript 参考:JavaScript return 语句
浏览器支持
function
是 ECMAScript1 (ES1) 的功能。
ES1 (JavaScript 1997) 在所有浏览器中都得到完全支持
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 是 |