JavaScript函数



一个JavaScript函数是一个为执行特定任务而设计的代码块.

一个JavaScript函数当调用时被执行


function myFunction(p1, p2) {
    return p1 * p2;              // The function returns the product of p1 and p2
}

让我试试


JavaScript Function Syntax

一个JavaScript函数使用function关键字定义,后面跟一个函数名称,后面跟一对括号().

函数名可以包含字母、数字、下划线和美元符号(与变量相同的规则).

圆括号可以包括参数名称以逗号分隔: (parameter1, parameter2, ...)

函数要执行的代码,被放置在括号内: {}

function name(parameter1, parameter2, parameter3) {
    code to be executed
}

函数形式参数是函数定义中列出的名称.

函数实际参数是函数调用时接收的实际值.

在函数中,实际参数(形式参数)表现为局部变量.

在其他编程语言中,函数与过程或子程序非常相似.


函数调用

当某些情况下调用函数时,函数内的代码将执行:

  • 当事件发生(例如:当用户单击按钮)
  • 当从JavaScript代码中调用时
  • 自动执行 (自己调用)

在本教程中,您将学到更多有关函数调用的知识.


函数返回

当JavaScript达到一个return语句,函数将停止执行.

如果从一个语句调用了函数,JavaScript将“回归”到调用语句后继续执行代码.

函数通常计算返回值. 返回值返回给调用者:

var x = myFunction(4, 3);        // 函数被调用,返回值赋值给x

function myFunction(a, b) {
    return a * b;                // 函数返回a和b的乘积
}

让我试试


为什么使用函数?

您可以重用代码:定义代码一次,并多次使用它.

您可以使用同一代码多次使用不同的参数,产生不同的结果.

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);

让我试试


使用 () 操作符调用函数

使用上面的例子,toCelsius指函数对象,而toCelsius()指作用的结果.

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;

让我试试


用作变量值的函数

函数可以像变量一样使用,在所有类型的公式、赋值和计算中都可以使用.

var x = toCelsius(77);
var text = "The temperature is " + x + " Celsius";

让我试试

在本教程后面你将学到更多关于函数的知识.