JavaScript 函数
示例
声明一个函数,当它被调用时输出“Hello World”
// 声明一个函数
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
// 调用函数
myFunction();
自己动手试一试 »
更多示例见下文。
描述
function
语句声明一个函数。
声明的函数被“保存以备后用”,并在调用(执行)时执行。
在 JavaScript 中,函数是对象,它们同时拥有属性和方法。
函数也可以通过表达式来定义(请参阅函数定义)。
阅读我们的 JavaScript 教程,了解关于函数的所有必要知识。从介绍 JavaScript 函数 和 JavaScript 作用域 的章节开始。有关更详细的信息,请参阅我们关于函数定义、参数、调用和闭包的函数部分。
另请参阅
语法
function functionName(parameters) {
要执行的代码
}
参数
参数 | 描述 |
functionName | 必需。 函数名。 命名规则:与 JavaScript 变量相同。 |
parameters | 可选。 一组参数(参数名),以逗号分隔。 参数是函数从外部接收到的实际值。 在函数内部,参数被用作局部变量。 如果调用函数时缺少参数,则缺少参数的值将设置为 undefined 。 |
更多示例
具有不同参数的函数可以产生不同的结果。
将华氏温度转换为摄氏温度
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
自己动手试一试 »
函数可以作为变量使用。
代替
temp = toCelsius(32);
text = "温度是 " + temp + " 摄氏度";
您可以使用
text = "温度是 " + toCelsius(32) + " 摄氏度";
自己动手试一试 »
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 |
是 | 是 | 是 | 是 | 是 | 是 |