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

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指向的新函数。

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章