JavaScript进阶:JS中的call()、apply()和bind方法

来源:互联网 发布:光纤端口一收一发 编辑:程序博客网 时间:2024/06/07 04:51

call()、apply()和bind方法

1、call方法:
语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]])
定义:调用一个对象的一个方法,以另一个对象替换当前对象。
说明:
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

2、apply方法:
语法:apply([thisObj[,argArray]])
定义:应用某一对象的一个方法,用另一个对象替换当前对象。
说明:
如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。

function fun1 (x,y){    alert(x+y);}function fun2 (x,y){    alert(x-y);}var array=new Array;array=[3,1];fun1.call(fun2,3,1);       //4fun1.apply(fun2,array);     //4

call、apply的区别

call、apply是修改函数的作用域,并且立即执行,而bind是返回了一个新的函数,不是立即执行,即call and apply call a function while bind creates a function。bind在回调函数中常用到。


3、bind方法:

语法:bind(thisOb[,arg1[, arg2[,   [,.argN]]]]])

定义:bind方法生成了一个新的函数,称为绑定函数,传入bind方法的第一个参数作为这个绑定函数的this对象,传入bind的第二个参数连同后面调用绑定函数时传入的参数按照先后顺序(传入bind的在前)构成绑定函数的参数。

this.num=9;var object = {    num:81,    getNum:function(){        alert(this.num);        //81    }}object.getNum();var getNum=object.getNum;getNum();       //9var fun=getNum.bind(object);fun();      //81


原创粉丝点击