javascript 权威指南第八章函数

函数的定义：定义一次但却可以调用多次或者执行多次的一段javascript代码

本章重点就是用户定义的javascript函数的定义和调用。

8.1 javascript中定义和声明函数的方法有三种：正常方法构造函数函数直接量。

<html>
<head></head>
<body>
<script type="text/javascript">
/*javascript定义函数(声明函数)可以有三种方法：正常方法、构造函数、函数直接量。*/
/*1.正常方法 function(param){}*/
function print(msg)
{
document.write(msg,"<br/>");
}
/*如果函数不包含return 语句，只执行函数体内语句，并返回undefined*/

/*2.构造函数方法：new Function()*/
var add1=new Function('a','b','return a+b');

/*3.函数直接量法，创建未命名函数，*/
var result = function(x,y){return x+y;};
/*也可以指定函数名*/
var result2 = function fact(x){if(x<1) return 1;else return x*fact(x-1)};
document.write('调用一般的方法：');
print("<hr/>");
print('调用构造函数方法：add1(5,6)');
print(add1(5,6));
print("<hr/>");
print("调用函数直接量法:result(3,4)");
var re =result(3,4);
print(re);
print("调用函数直接量法:result2(3)");
print(result2(3));
print("<hr/>");
print('函数作为数据使用');
/*函数可以作为数据使用*/
function add(x,y){return x+y;}
function subtract(x,y){return x-y;}
function multiply(x,y){return x*y;}
function divide(x,y){return x/y;}
function operate(operator,operand1,operand2)
{
return operator(operand1,operand2);
}
//计算(2+3) + (4*5)
var i = operate(add,operate(add,2,3),operate(multiply,4,5));
print('(2+3) + (4*5)='+i);
print("<hr/>");
//使用函数直接量
var operators = new Object();
operators['add'] = function(x,y){return x+y;}
operators['substract'] = function(x,y){return x-y;}
operators['multiply'] = function(x,y){return x*y;}
operators['divide'] = function(x,y){return x/y;}
operators['pow'] = Math.pow;
function operate2(op_name,operand1,operand2)
{
if(operators[op_name] == null) return "unknown operator";
else return operators[op_name](operand1,operand2);
}
//定义"hello" + "" + "world"
var j = operate2("add","hello",operate2("add"," ","world"));
var k = operate2("pow",10,2);
print(j);
print(k);
print("<hr/>");
</script>
</body>
</html>

运行结果为：
调用一般的方法：
--------------------------------------------------------------------------------
调用构造函数方法：add1(5,6)
11
--------------------------------------------------------------------------------
调用函数直接量法:result(3,4)
7
调用函数直接量法:result2(3)
6
--------------------------------------------------------------------------------
函数作为数据使用
(2+3) + (4*5)=25
--------------------------------------------------------------------------------
hello world
100

8.2调用带参数的函数

在调用函数时，您可以向其传递值，这些值被称为参数。

这些参数可以在函数中使用。

您可以发送任意多的参数，由逗号 (,) 分隔：

myFunction(argument1,argument2)

当您声明函数时，请把参数作为变量来声明：

function myFunction(var1,var2)
{
这里是要执行的代码
}

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。

实例：

<!DOCTYPE html>
<html>
<body>
<p>点击这个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('Bill Gates','CEO')">点击这里</button>
<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>
</body>
</html>

上面的函数会当按钮被点击时提示 "Welcome Bill Gates, the CEO"。

8.3带有返回值的函数

有时，我们会希望函数将值返回调用它的地方。

通过使用 return 语句就可以实现。

在使用 return 语句时，函数会停止执行，并返回指定的值。

语法：

function myFunction()
{
var x=5;
return x;
}

上面的函数会返回值 5。

注释：整个 JavaScript 并不会停止执行，仅仅是函数。JavaScript 将继续执行代码，从调用函数的地方。

函数调用将被返回值取代：

var myVar=myFunction();

myVar 变量的值是 5，也就是函数 "myFunction()" 所返回的值。

即使不把它保存为变量，您也可以使用返回值：

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

"demo" 元素的 innerHTML 将成为 5，也就是函数 "myFunction()" 所返回的值。

您可以使返回值基于传递到函数中的参数：

实例

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

function myFunction(a,b)
{
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);

"demo" 元素的 innerHTML 将是：

在您仅仅希望退出函数时，也可使用 return 语句。返回值是可选的：

function myFunction(a,b)
{
if (a>b)
  {
  return;
  }
x=a+b
}

如果 a 大于 b，则上面的代码将退出函数，并不会计算 a 和 b 的总和。

8.4 函数的属性和方法

函数是javascript对象的一种特殊类型。即函数也是对象，那么，它就有属性和方法。接下来，看一些属性

8.4.1 属性length

函数的length属性，是只读属性，返回的是参数的数目。用来判断调用函数传来的参数数目是否和定义的参数长度相等。

例子

/*arguments数组是由另一个函数传递的。
  比较arguments。length属性和Function.length（通过arguments。callee.length访问）来判断传递给该函数的参数个数是否满足要求。如果不是，它将抛出一个异常.函数check()后是一个检测函数f(),它说明了如何使用check()函数
*/
 function check(args){
    var actual = args.length;
   var expected = args.callee.length;
if(actual != expected){
   throw new Errow("wrong number of arguments:expected"+expected+"; actually passed "+ actual);
}
}

function f(x,y,z){
  check(arguments);
return x+y+z;
}

8.6.2 属性 prototype

每个函数都有一个prototype属性，它引用的是预定义的原型对象。原型对象在使用new运算符把函数作为构造函数时起作用。

javascript 权威指南 第八章 函数

实例

javascript 权威指南第八章函数