JavaScript function 语句

function 语句用于声明一个函数

浏览器支持


支持	支持	支持	支持	支持

语法

function functionName ( parameters ) { 
    //执行的代码
}

参数值

参数	描述
functionName	必须。指定了函数的名称。函数名称可以包含字母，数字，下划线和美元符号（变量命名规则也是如此）
parameters	可选。指定一个或多个参数名，多个参数可用英文逗号(,)隔开。函数在调用时会接收真正的值。在函数内，参数是局部变量如果调用函数时未指定参数，为指定参数的值会设置为 undefined

说明

function 语句用于声明一个函数

函数声明后，我们可以在需要的时候调用

JavaScript 中，函数是对象，函数也有属性和方法

函数也可以通过表达式定义(可以查看函数定义 )

更多 JavaScript 函数的知识，可以访问我们的 JavaScript 基础教程

首先可以先了解 JavaScript 函数和 JavaScript 作用域

更多更详细的内容可以查看函数定义 , 参数 , 调用和闭包

在函数中，还可以使用 return 语句来返回函数的值

范例

声明一个函数，函数调用时在 id="demo" 的元素上输出 "Hello World"

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

myFunction(); // 调用函数

运行范例 »

范例

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

可以这么做

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 参考手册