js函数的几个特殊点
在ECMAScript中,Function(函数)类型实际上是对象。每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法。由于函数是对象,因此函数名实际上也是一个指向函数对象的指针。
1 函数的返回值和函数作为参数传递
//函数传递给函数 function box(sum,num){ return sum+num; } function sum(num){ return num+10; } var result = box(sum(10),10); //这里传递的是函数的返回值 alert(result); //30 //要把函数本身传递,而不是函数的结果 function box(sum,num){ return sum(num); } function sum(num){ return num+10; } var result = box(sum,10); //这里sum是函数,而不是返回值 alert(result); //20
2 this 和arguments
在函数内部,有两个特殊的对象:arguments和this。arguments是一个类数组对象,包含着传入函数中的所有参数,主要用途是保存函数参数。但这个对象还有一个名叫callee的属性,该属性是一个指针,指向拥有这个arguments对象的函数。
//arguments.callee对象 //改进,使用arguments.callee动态调用自身,作用同上,但改变函数名时,里边的不用都修改一遍了 function box(num){ if(num<1){ return 1; }else{ return num*arguments.callee(num-1); } } alert(box(4))*/ /*//this对象 //window是js中最外围对象 alert(typeof window); //window对象,类型是对象 alert(this); //这时的this就是window var color='red'; //这里的color是全局遍量,又是window的属性 alert(window.color);//red alert(this.color);//同上 //那么 window.color = "red"//相当于var color = 'red'; var box ={ color:'blue', sayColor:function(){ alert(this.color); //this代表box } } box.sayColor();// blue //另一种写法 window.color="红色"; function sayColor(){ alert(this.color); } sayColor(); //红色 var box ={ color:"蓝色的" }; box.sayColor=sayColor; box.sayColor(); //蓝色*/
3 length 和 prototype
每个函数都包含两个属性:length和prototype。其中,length属性表示函数希望接收的命名参数的个数。
//legth属性,传递参数的个数 function box(name,age){ return name+age; } alert(box.length) //2
对于prototype属性,它是保存所有实例方法的真正所在,也就是原型。详见面向对象一章详细介绍。
PS:而prototype下有两个方法:apply()和call(),每个函数都包含这两个非继承而来的方法。这两个方法的用途都在特定的作用域中调用函数,实际上等于设置函数体内this对象的值。
//prototype属性下有apply()和call()两个方法,apply()和call(),每个函数都包含这两个非继承而来的方法。 //这两个方法的用途都在特定的作用域中调用函数,实际上等于设置函数体内this对象的值。 function box(num1,num2){ return num1+num2; } function sum(num1,num2){ return box.apply(this,[num1,num2]);//此处this表示window作用域,[]表示传递的参数 } alert(sum(10,10)); //当参数多时麻烦,可以这样 function sum(num1,num2){ return box.apply(this,arguments); } function box(num1,num2){ return num1+num2; } function sum(num1,num2){ return box.call(this,num1,num2);//call只是不用传递数组了 }
//两者的正真用处是改变作用域 //假如下边直接执行sayColor是全局红色 var color = "红色的"; var box ={ color:"蓝色的" } function sayColor(){ alert(this.color); } //用call是实现对象冒充,冒充box下,或window下 sayColor.call(this); //红色 sayColor.call(box); //蓝色,不用apply是因为此处没有传参,用call方便
使用call()或者apply()来扩充作用域的最大好处,就是对象不需要与方法发生任何耦合关系(耦合,就是互相关联的意思,扩展和维护会发生连锁反应)。也就是说,box对象和sayColor()方法之间不会有多余的关联操作,比如 box.sayColor = sayColor;
另:call()方法于apply()方法(接受的是数组)相同,他们的区别仅仅在于接收参数的方式不同。对于call()方法而言,第一个参数是作用域,没有变化,变化只是其余的参数都是直接传递给函数的。
本博客作为一个入门者的自学记录,欢迎各位同行者不吝赐教。