call,apply与bind方法的区别
来源:互联网 发布:淘宝apass会员资格 编辑:程序博客网 时间:2024/05/18 21:50
对于记性不是很好的本来来说,这三个方法的区别总是记不住,于是就总结篇博客,加深印象。
在说他们的不同之前,先了解了解他们的相似之处:
- 都是用来改变函数的this对象的指向的。
- 第一个参数都是this要指向的对象。
- 都可以利用后续参数传参。
好了现在来总结不同之处:
1.call
通过call方法,将其执行环境添加到第一个参数的执行环境中,简单来说,this就会指向第一个参数那个对象。
var a = { user:"哈哈哈哈哈", fn:function(){ console.log("call方法:"); console.log(this.user); //哈哈哈哈哈 }}var b = a.fn;b.call(a);
这时this就将b添加到a中了,这就相当于:
var a = { user:"哈哈哈哈哈", fn:function(){ console.log("call方法:"); console.log(this.user); }}a.fn(); //哈哈哈哈哈
当然,call也可以传入多个参数,如:
var a = { user:"哈哈哈哈哈", fn:function(x,y){ console.log("call方法:"); console.log(this.user); //哈哈哈哈哈 console.log(x+y);//3 }}var b = a.fn;b.call(a,1,2);
2.apply
apply与call也很类似,他也可以改变this的指向,也能传入其他参数,但是是以数组的形式传入的
var a = { user:"哈哈哈哈哈", fn:function(){ console.log("apply方法:"); console.log(this.user); //哈哈哈哈哈 }}var b = a.fn;b.apply(a);
第二个参数必须是数组:
var a = { user:"哈哈哈哈哈", fn:function(x,y){ console.log("apply方法:"); console.log(this.user); //哈哈哈哈哈 console.log(x+y);//4 }}var b = a.fn;var array = [1,3];b.apply(a,array);//或者:b.apply(a,[1,3]);
注意:如果call和apply的第一个参数写的是null,那么this指向的是window对象
var a = { user:"哈哈哈哈哈", fn:function(){ console.log("apply方法:"); console.log(this); //Window {external: Object, chrome: Object, document: document, a: Object, speechSynthesis: SpeechSynthesis…} }}var b = a.fn;b.apply(null);
3.bind
bind与call和apply方法是不相同的,但是不管怎样他们都是可以改变this指向。
bind传入的第一个函数如果只是个对象,那么结果是不会被打印出来的。
var a = { user:"哈哈哈哈哈", fn:function(){ console.log("bind方法:"); console.log(this.user); }}var b = a.fn;b.bind(a);
如果这样写的话是不会出现任何结果的,,,,因为bind方法返回的是一个修改过后的函数。
该这样写:
var a = { user:"哈哈哈哈哈", fn:function(){ console.log("bind方法:"); console.log(this.user); }}var b = a.fn;b.bind(a)();//哈哈哈哈哈//或者:var c=b.bind(a); c();console.log(c);// //function() { [native code] },这样会输出fn函数
同样的bind也可以传入多个参数,但是该参数是按顺序传入的
var a = { user:"哈哈哈哈哈", fn:function(e,d,f){ console.log("bind方法:"); console.log(this.user); //哈哈哈哈哈 console.log(e,d,f); //5 1 2 }}var b = a.fn;var c = b.bind(a,5);c(1,2);
总结:
call和apply都是改变上下文中的this并立即执行这个函数,bind方法可以让对应的函数想什么时候调就什么时候调用,并且可以将参数在执行的时候添加,这是它们的区别,根据自己的实际情况来选择使用。
2 0
- call,apply与bind方法的区别
- call,apply,bind的联系与区别
- apply, call与bind方法
- call、apply 、bind的区别
- call,apply,bind的区别
- call、apply、bind的区别
- apply,call,bind的区别
- 关于js中call、apply、bind方法的区别
- JavaScript之call,apply,bind方法的区别和共同点
- 深入理解JavaScript中的call、apply、bind方法的区别
- js中call()、apply()、bind()方法的区别
- javascript中call()、apply()、bind()方法的区别
- javascript中call、apply、bind方法的区别
- JavaScript中apply()、call()和bind()的相似与区别
- apply bind call区别
- apply call bind区别
- bind(),call(),apply()区别
- Javascript中call,apply,bind方法的详解与总结
- 继续前进之SpringMvc入门小程序
- windows logstash cannot find log4j2.properties file
- python中的私有变量
- Protocol 协议
- Oracle数据库中字符串相关字段类型辨析
- call,apply与bind方法的区别
- 53.性能调优之使用 fastutil 优化数据格式
- 线程池ThreadPoolExecutor使用
- http状态码
- Java反射机制
- nslookup 使用方法简介
- linux用rpm命令安装jdk
- 树莓派--开坑
- [多项式] COGS 有标号的二分图计数系列