javascript-this,call,apply,bind简述3

上节介绍了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方法的实现还是比较绕的,等研究完原型链有关的内容再回头做这段代码的介绍。

上一篇:【转载】JS中bind方法与函数柯里化


下一篇:Swift语言学习之OC和Swift混编