您的位置:首页 > Web前端 > JavaScript

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

2017-08-18 15:19 351 查看
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指向的新函数。

 

 

 

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript