一、概述:
函数是进行模块化程序设计的基础, javascript重的的函数不同于其他语言,每个函数都作为一个对象被维护和运行。通过函数对象的性质,可以很方便的将一个函数赋值给一个变量或则讲函数作为参数传递。
二、认识javascript中的函数
javascript可以用function关键字定义一个函数,并为每个函数指定一个函数名,通过函数名来调用。
在javascript解释执行时,函数都是被维护为一个对象,这就是函数对象(Function Object).
函数对象与其他用户所定义的对象有着本质的区别,这一类对象被称之为内部对象。例如:日期对象(Date)、数组对象(Array)、字符串对象(String)都属于内部对象。这些内置对象的构造器是由JavaScripy本身所定义的,通过执行Array()这样的语句返回一个对象,javascript内部有一个套机制来初始化返回的对象,而不是由用户来指定对象的构造方式。
在javascript中,函数对象对应的类型是Function,正如数组对象对应的是Array,日期对象对应的类型是Date一样,可以通过new Function()来创建一个函数对象,也可以通过function关键字来创建一个对象。
<script> function $myfunction($a,$b) { //传统写法 var $res = $a + $b; document.write($res); return $res; } </script>
我们采用另外一种写法:
<script> var $myfunction = new Function("$a","$b","var $res=$a+$b;document.write($res);return $res;") </script> <body> <h1>测试</h1> <button onclick="$myfunction(5,12)">JS测试</button> </body>
其实结果是一样。
var funcName = new Function(p1,p2,......,pn.body);
参数的类型都是字符串,p1到pn表示所创建函数的参数名称列表,body表示所创建函数的函数体语句,funcName就是所创建函数的名称。可以不指定任何参数创建一个空函数,不指定funcName创建一个无名函数,当然那样的函数没有任何意义。
需要注意的是,p1到pn是参数名称的列表, p1不仅代表一个参数,它也可以是一个逗号隔开的参数列表。
javascript引入Function类型类型并提供new Function()这样的语法是因为函数对象添加属性和方法就必须借助于Function这个类型。
函数本质是一个内部对象,由javascript解释器决定其运行方式,通过上述代码创建的函数,在程序重可以使用函数名进行调用。直接在函数声明后面加上括号就表示创建完成后立即进行函数调用。
三、函数对象和其他内部对象的关系
除了函数对象,还有很多内部对象,比如:Object、Array、Date、RegExp、Math、Error。这些名称实际上表示一个类型new操作符返回一个对象。然而函数对象和其他对象不同,当用typeof得到一个函数对象的类型时,它仍然会返回字符串‘function’,而typeof一个数组对象或其他的对象时,它会返回字符串'object'。
尽管函数本身也是一个对象,但它与普通的对象还是有区别的,应为它同事也是对象构造器,也就是说,可以NEW一个函数来返回一个对象。
Function是所有函数对象的基础,而Object是所有对象(包括函数对象)的基础。在javascript中,任何一个对象都是Object的实例。因此,可以修改Object这个类型来让所有对象具有一个写通用的属性和方法,修改Object类型是通过prototype来完成的。
四、将函数对象作为参数传递
每个函数都被表示为一个特殊的对象,可以方便的将其赋值给一个变量,再通过这个变量名进行函数调用。作为一个变量,它可以以参数的形式传递给另一个函数。
function func1(theFunc){ theFunc(); } function func2(){ alert("good"); } func1(func2);
五、aguments
当进行时函数调用时,出料指定的参数外,还创建了一个隐藏的对象arguments。arguments是一个类似数组但不是数组的对象。它具有数组一样的访问性质,可以用arguments[index]这样的语法取值,拥有数组长度属性length。arguments对象存储的是实际传递给函数的参数,而不局限于函数声明所定义的参数列表。
function funName($a,$b){
document.write($a+"<br />");
document.write($b+"<br />");
for(var $i=0;$i<arguments.length;$i++){
document.write(arguments[$i]+"<br />");
}
}
funName(2,4,6,8,10);
arguments对象的另一个属性是callee,它表示对函数对象本身的引用,这有利于实现无名函数的递归或则保证函数的封装性。
六、JavaScript中的this指针
JavaScript可以使用this指针来获得该对象自身的引用。this指针是一个动态变量,一个方法内的this指针并不是始终指向定义该方法的对象。列如:
//创建两个空对象 var $obj1 = new Object(); var $obj2 = new Object(); //给两个对象都添加属性 att,分别等于1和2 $obj1.att = 1; $obj2.att = 2; //给$obj1 新增一个方法,用来显示att的值 $obj1.getAtt = function(){ document.write(this.att); } $obj1.getAtt(); //让$obj2的gerAtt方法等于$obj1的getAtt方法 $obj2.getAtt = $obj1.getAtt; $obj2.getAtt();
javascript中的this指针是一个动态变化的变量,表明了当前运行该函数的对象。一个对象就是由一个或多个属性(方法)组成的集合。每个集合元素不是仅仅属于一个集合,而是可以动态的属于多个集合。这样,一个方法(集合元素)由谁调用,this指针就指向谁。
七、函数的apply、call方法的运用
javascript为函数对象定义了两个方法:apply和call。他们的作用都是讲函数绑定到另外一个对象上去运行。
Function.prototype.apply(thisArg.argArray);
Function.prototype.call(thisArg[,arg1[,arg2...]]);