call、apply、bind的区别

var obj={name:"张三“};
function fn(num1,num2){
      consloe.log(num1+num2);
      console.log(this);
}

相同处:

1、call与apply:
apply和call方法的作用是一模一样的,都是用来改变方法的this关键字并把方法执行;而且在严格模式下和非严格模式下对于第一个参数是null / undefined这种情况的规律也是一样的
2、bind方法:
bind方法在IE6-8下不兼容,和call / apply类似都使用来改变this关键字的

不同处:

1、call与apply唯一区别
fn.call(obj,100,200); fn.apply(obj,[100,200]);
call在给fn传递参数的时候,是一个个的传递值的,而apply不是一个个传,而是把要给fn传递的参数统一的放在一个数组中进行操作,但是也相当于一个个的给fn的形参赋值

2、call与bind区别:

fn.call(obj,100,200);   //改变this和执行fn函数一起都完成了
 fn.bind(obj,100,200);    // 只是改变了fn中的this为obj,并且给fn传递了两个参数值100,200,但是此时并没有把fn这个函数执行

如何让bind执行:
var tempFn=fn.bind(obj,100,200); tempFn();
(bind预处理:事先把fn的this改变为想要的结果,并且把对应的参数值也准备好,以后用到了,直接执行即可)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容