2020-05-15 call()和apply()方法和区别
2020-05-15 本文已影响0人
追寻1989
call 与 apply 的相同点:
1.方法的含义是一样的,即方法功能是一样的;
2.第一个参数的作用是一样的;
3.call()、 apply()、 bind() 都是用来重定义this這个对象的!
call 与 apply 的不同点:
1.两者传入的列表形式不一样
2.call可以传入多个参数;
3.apply只能传入两个参数,所以其第二个参数往往是作为数组形式传入
存在的意义:实现(多重)继承
举栗子:
例1: this指向理解
(1)

答案:

(2)

答案:

比较一下这两者this的差别,第一个打印里面的this指向obj,第二个全局声明的shows()函数
例2: 利用call()、 apply()、 bind() 重定义this

例3: 对比call、 bind、 apply 传参情况下 this是window。

答案:

三者之间差距很小!
从上面的结果来看:
call、 bind、 apply 这三个函数的第一个参数都是this的指向对象,第二个参数差别就来了:
call 的参数是直接放进去的,第二第三第n个参数全都用逗号分隔,直接放到后面obj.myFun.call(db,'江西', ..., 'string')。
apply的所有参数都必须放在一个数组里面传进去。
bind除了返回函数以外,它的参数和call 一样。
当然,三者的参数不限定是String 类型,允许是各种类型,包括函数,对象等等。