上节介绍了call()和apply()的用法,这节再讨论一下arguments参数和bind函数的用法以及函数柯里化就算是完结了。
bind()函数
先看定义:
bind()方法会创建一个函数的实例,其this值会被绑定到传给bind()函数的值。代码如下:
var name="window";
var obj={
name:"obj对象"
}; function sayName(){ console.log(this.name)
}; var bindSayName = sayName.bind(obj); bindSayName(); //obj对象
由代码可以看出,call()函数会直接调用,而bind()函数则是先生成,再通过其他途径来调用,但是this指针不会再发生改变。
arguments
函数体内可以通过arguments对象来访问参数数组,从而获得传递给函数的每一个参数。
function fn (x,y,z) {
arguments.length; //
arguments[0]; //
arguments[0]=10;
console.log(x); // arguments[2]=100;
console.log(z) //undefined arguments.callee ===fn //true
} fn(1,2);
使用arguments来获得函数参数时,arguments需要和参数之间存在绑定关系,如4,5行是可以修改成功的,但7,8行是没有绑定关系的,因为并没有一开始传递z这个参数进来。(4,5行在严格模式下参数也是不会变化的)
arguments对象的长度是由传入的参数个数决定的,不是由定义函数时的命名参数的个数决定。
函数currying化
即把函数拆分成多个单元。比如:
function add(a,b,c) {
return a+b+c;
} var fun1 = add.bind(undefined,100);
fun1(1,2); // var fun2 = fun1.bind(undefined,200);
fun2(10); //
5,6行表示给add函数绑定了一个undefined(相当于window),并传递了一个参数100,则100会首先赋值给add函数的参数a,然后执行fun1,b和c分别赋值为1,2,得到103。8,9行再在fun1的基础上绑定参数200,这时200会传递给参数b,因为a已经绑定为100,然后传入c=10,得到310。
柯里化的好处
function getConfig (colors,size,other) {
console.log(colors,size,other);
} var defaultConfig = getConfig.bind(undefined,"#000","1024*768"); defaultConfig("嘿嘿"); //#000 1024*768 嘿嘿
defaultConfig("呵呵"); //#000 1024*768 呵呵
可以看出来,第五行可以只传入两个参数,第七行和第八行分别再传入other参数,colors和size参数则是公共的,这样可以大量减小代码冗余。
bind和new
function fn () {
this.a=100;
return this.b;
} var fun1 = fn.bind({b:1}); fun1(); //
new fun1() //{a:100}
return后必须是个对象才会作为返回值,否则会返回this的值,this会指向无bind时的this指向,并返回所有的值。
bind方法的实现
if (!Function.prototype.bind) {
Function.prototype.bind = function(oThis) {
if (typeOf this!=='function') {
throw new Error('调用bind函数的对象不是function。')
};
//函数实现
var aArgs= Array.prototype.slice.call(arguments,1),
fToBind=this,
fNOP = function(){},
fBound = function () {
return fToBind.apply(this instance fNOP?this:oThis,
aArgs.concat(Array.prototype.slice.call(arguments)))
};
fNOP.prototype = this.prototype;
fBound.prototype = new fNOP();
return fBound;
};
};
bind方法的实现还是比较绕的,等研究完原型链有关的内容再回头做这段代码的介绍。