函数的定义:定义一次但却可以调用多次或者执行多次的一段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 将是:
12
在您仅仅希望退出函数时 ,也可使用 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运算符把函数作为构造函数时起作用。