js call()函数原理 以及与bind()函数的区别

来源:互联网 发布:足球鞋什么牌子好 知乎 编辑:程序博客网 时间:2024/06/05 06:57

call()函数是用于调用函数用的,没错,就是函数名加一个括号,调用函数,但是它当然有自己特殊的地方了

例子:

    (这个例子是基于你懂得了this的用法,因为call()原理就是改变this的指向)

var a ={
  
   c:function(){
            this.name = 'betty';
      },
};

var d={
  name:'tony',
};

a.c.call(d);

alert(d.name);

我们建立了两个对象 a和d   ,然后我们对于a对象中的c函数使用call方法,参数为对象d,然后alert(d.name);我们发现name为betty了,显然d对象中的name被改变了,当然是

a.c.call(d);改变的 ,它的意思是a对象调用了自己的成员函数c,但是c函数中的this指向了d,所以,给d对象中的name赋值为betty

 

那么与bind函数的区别是什么呢

var a ={
  
   c:function(){
            this.name = 'betty';
      },
};

var d={
  name:'tony',
};

d.func = a.c.bind(d);

alert(d.name);

其实没什么区别,bind也是改变this的指向,call是直接执行函数一次就完事了,而bind会有一个返回值,返回一个改变了函数里面this指向的新函数。

 

 

 

 

原创粉丝点击