call、apply与bind精辟讲解

84 阅读1分钟

call与apply都是改变当前函数执行的作用域。都是跟在对象后面。传入另外一个对象,去获取前面一个对象的能力(方法)。意思就是他们两的作用都是改变this的作用域,当一个对象没有某个方法,而其他对象有,就可以利用call或apply实现某个方法的复用。 譬如:程序员.编程器.call(外卖员) var pro = { name:"程序员", programming:function(){ console.log(${this.name}编程) } } var del = { name:"外卖员" } pro.programming.call(del) pro.programming.apply(del) pro.programming.bind(del)() 打印:外卖员编程

call与apply的功能相同,不同在于传参的格式不同,两个方法的第一个参数都是需要设置为this的对象,call()第一个函数后面可以任意传参,apply()第一个函数后面传数组。 var pro = { name:"程序员", programming:function(arg1,arg2,arg3){ console.log(${this.name}编程) console.log(${this.name}编程,${arg1}、${arg2}、${arg3}) } } var del = { name:"外卖员" } pro.programming.call(del,"js","java","python") pro.programming.apply(del,["js","java","python"]) pro.programming.bind(del,"js","java","python") 打印: 外卖员编程 打印: 外卖员编程,js、java、python

bind与call、apply不同在于,返回的是一个函数,必须执行函数才能运行。bind的入参与call入参格式一样。

call、apply与bind入参的类型不限于String类型,可以是int,object或函数。