JavaScript 函数

一、简述

1.JavaScript 函数是被设计为执行特定任务的代码块。

2.JavaScript 函数会在某代码调用它时被执行。

3.实例：

function myFunction(p1, p2) {
    return p1 * p2;              // 该函数返回 p1 和 p2 的乘积
}

 

二、JavaScript函数语法

1.JavaScript 函数通过 function 关键词进行定义，其后是函数名和括号 ()。

2.函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。

3.圆括号可包括由逗号分隔的参数：

(参数 1, 参数 2, ...)

4.由函数执行的代码被放置在花括号中：{}

function name(参数 1, 参数 2, 参数 3) {
    要执行的代码
}

（1）函数参数（Function parameters）是在函数定义中所列的名称。

（2）函数参数（Function arguments）是当调用函数时由函数接收的真实的值。

（3）在函数中，参数是局部变量。

（4）在其他编程语言中，函数近似程序（Procedure）或子程序（Subroutine）。

 

三、函数调用

函数中的代码将在其他代码调用该函数时执行：

• 当事件发生时（当用户点击按钮时）
• 当 JavaScript 代码调用时
• 自动的（自调用）

 

四、函数返回

1.当 JavaScript 到达 return 语句，函数将停止执行。

2.如果函数被某条语句调用，JavaScript 将在调用语句之后“返回”执行代码。

3.函数通常会计算出返回值。这个返回值会返回给调用者：

4.实例

计算两个数的乘积，并返回结果：

var x = myFunction(7, 8);        // 调用函数，返回值被赋值给 x

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

x 的结果将是：

56

 

五、为何使用函数？

1.能够对代码进行复用：只要定义一次代码，就可以多次使用它。

2.能够多次向同一函数传递不同的参数，以产生不同的结果。

3.实例

把华氏度转换为摄氏度：

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}

document.getElementById("demo").innerHTML = toCelsius(77);

 

六、运算符调用函数

1.使用上面的例子，toCelsius 引用的是函数对象，而 toCelsius() 引用的是函数结果。

2.实例：

访问没有 () 的函数将返回函数定义：

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}

document.getElementById("demo").innerHTML = toCelsius;

 

七、用作变量值的函数

1.函数的使用方法与变量一致，在所有类型的公式、赋值和计算中。

2.实例：

（1）使用变量来存储函数的值：

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

（2）能够把函数当做变量值直接使用：

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

八、局部变量

1.在 JavaScript 函数中声明的变量，会成为函数的局部变量。

2.局部变量只能在函数内访问。

3.实例：

// 此处的代码不能使用 carName

function myFunction() {
    var carName = "Volvo";
    // code here CAN use carName
}

// 此处的代码可以使用 carName

（1）由于局部变量只能被其函数识别，因此可以在不同函数中使用相同名称的变量。

（2）局部变量在函数开始时创建，在函数完成时被删除。