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指向的新函数。
例子:
(这个例子是基于你懂得了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指向的新函数。
相关文章推荐
- js---js中的继承方法call、bind、apply,以及三者之间的区别总结。
- js中call、apply、bind区别以及个别用例
- 函数的call、apply以及bind的作用与区别
- JavaScript的函数call和apply的区别、以及bind方法
- js apply/call/caller/callee/bind使用方法与区别分析
- javascript this 和 es6 箭头函数this 的理解以及call()、apply()、bind()的用法
- js中的call()、apply()和bind()方法的区别
- js中bind、call和apply的区别
- js apply/call/caller/callee/bind使用方法与区别分析
- JS里面的call, apply以及bind
- js中apply、call和bind的区别
- JS中的phototype,以及call()原理
- js apply/call/caller/callee/bind使用方法与区别分析
- js中call()、apply()、bind()方法的区别
- js函数的间接调用call()、apply()和bind()
- js中call() apply() bind()的用法及三者区别
- js apply/call/caller/callee/bind使用方法与区别分析
- JS中call、apply、bind大概区别
- JS中call、apply、bind使用指南,带部分原理。
- JS中的函数原理以及运用