JavaScript function 语句
实例
声明一个函数,函数调用时在 id="demo" 的元素上输出 "Hello World" :
function myFunction() { // 声明一个函数
document.getElementById("demo").innerHTML = "Hello World!";
}
myFunction(); // 调用函数
document.getElementById("demo").innerHTML = "Hello World!";
}
myFunction(); // 调用函数
尝试一下 »
本文底部包含了更多实例。
定义和用法
function 语句用于声明一个函数。
函数声明后,我们可以在需要的时候调用。
在 JavaScript 中,函数是对象,函数也有属性和方法。
函数也可以通过表达式定义(可以查看 函数定义)。
请阅读我们的 JavaScript 教程,了解更多关于函数的内容。 首先我们可以先了解 JavaScript 函数 和 JavaScript 作用域。更多详细的内容可以查看 函数定义, 参数, 调用 和 闭包。
提示: 使用 return 语句来返回函数的值。
浏览器支持
语句 | |||||
---|---|---|---|---|---|
function | Yes | Yes | Yes | Yes | Yes |
语法
function functionName(parameters) {
执行的代码
}
执行的代码
}
参数值
参数 | 描述 |
---|---|
functionName | 必须。指定了函数的名称。函数名称可以包含字母,数字,下划线, 和美元符号(变量命名规则也是如此) |
parameters | 可选。指定一个或多个参数名,多个参数可用英文逗号(,)隔开。
函数在调用时会接收真正的值。在函数内,参数是局部变量。 注意: 如果调用函数时未指定参数,为指定参数的值会设置为 undefined |
技术细节
JavaScript 版本: | 1.0 |
---|
更多实例
实例
使用不同的参数调用函数,输出不同结果。
华氏温度转换为摄氏温度:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
return (5/9) * (fahrenheit-32);
}
尝试一下 »
实例
函数可作为变量使用。
Instead of:
temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
text = "The temperature is " + temp + " Centigrade";
你也可以这么做:
text = "The temperature is " + toCelsius(32) + " Centigrade";
尝试一下 »
实例
JavaScript 函数有个内置对象 arguments 。
arguments.length 属性返回函数调用时接收的参数个数:
function myFunction(a, b) {
return arguments.length;
}
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>
<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 语句
JavaScript 语句参考手册
点我分享笔记