上一节我们学了 创建函数 和 调用函数，体会到了函数的便捷。
如果我们要写一个函数，用于计算桌子的面积，可以计算不同规格的矩形桌子，可以写个函数公式，暂时不确定桌子的长度、宽度，以空值代替，这样以后遇到给桌子算面积的都可以用到这个函数，只要给空值位置赋值，就可以算出桌子的面积。
创建带参数的函数
创建公式如下：
function 函数名(参数1,参数2,...){
// 语句
}
同上一节创建函数几乎一样，不同之处多了参数，参数可以是一个，也可以是多个。
参数在这里相当于变量，可是与声明变量不一样，不需要var关键字来声明。
我们创建一个函数，用于计算桌子的面积。
|
1
2
3
|
function getArea(length,width){ return length*width;} |
说明：
getArea 是 函数名。length 是 形参，这里用于表示桌子的长度；width也是形参，这里用于表示桌子的宽度。形参相当一个变量，函数体调用形参就如同调用变量一样。
return关键字用于返回一个值。这个值可以是 null，可以是 空，可以是 undefined，可以是 数字，可以是 字符串，可以是 布尔值，可以是 数组，可以是 对象。这里return用于返回长度乘以宽度的面积。
调用带参数的函数
函数创建后，就可以调用，执行函数体内的语句——指令。
调用形式如下：
函数名(实参1,实参2,...);
带参数的函数和不带参数的函数对比，调用时如需要传递参数进去，这个参数叫实参，即指定参数的实际值。
如果说形参相当于变量，实参就是被赋值后的变量。
调用例子：
|
1
2
|
// 调用函数来计算桌子的面积var area = getArea(length,width); |
说明：
var area 声明一个变量，用于临时存储桌子的面积。
getArea(length,width); 调用函数，并传递两个有指定值的参数length和width
= 赋值符号，将函数getArea计算的结果赋值给变量area；整行代码也是一个表达式。
完整例子如下，可以复制出来试试。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>带参数的函数</title></head><body><script> window.onload=function (ev) { // 声明一个变量，用于临时存储桌子的长度 var length; length=80; // 声明一个变量，用于临时存储桌子的宽度 var width = 60; // 调用函数来计算桌子的面积 var area=getArea(length,width);//变量area用于临时存储面积， //// getArea(length,width);是调用函数，调用时传递了两个参数 document.write("桌子的宽度是"+width+"， 桌子的长度是"+length+"， 桌子的面积是"+area); } function getArea(length,width){ return length*width; }</script></body></html> |