call/apply总结

参数

• obj1.call(obj2, param1, param2, ...)
• obj1.apply(obj2, [ param1, param2, ...] )
  这两个函数的作用基本相同,主要是: obj2借用/代替obj1, 并且可以调用用obj1的方法; 不同之处是call的参数是排列的, 而apply的参数是一个数组; 需要注意的是被借用的函数/对象放在前面(obj1), 而借用函数/对象则是放在参数列表的第一个(obj2),可以总结为他人为上(哈, 就是你要借用别人的东西, 就要把别人放在第一位)

用法

函数

function dog(){
    console.log("wang");
}
function cat() {
    console.log("miao");
}
dog()   // "wang"
cat()   // "miao"
// call
dog.call(cat)  // cat调用dog的方法  "wang"
// apply
cat.apply(dog) // dog调用cat的方法  "miao"

对象

function Dog() {}
Dog.prototype = {
    say: function (a, b) {
        console.log((a + b) + " , wang");
    }
}

function Cat() {}
Cat.prototype = {
    say: function (a, b) {
        console.log((a + b) + " , miao");
    }
}
var d1 = new Dog()
d1.say(1, 2) // "3, wang" 
var c1 = new Cat()
c1.say(3, 4) // "7, miao"
// call
d1.say.call(c1, 5, 6) // c1借用d1的say方法 "11, wang"
c1.say.call(d1, 7, 8) // d1借用c1的say方法 "15, miao"
// apply
d1.say.apply(c1, [10, 11]) // c1借用d1的say方法 "21, wang" 
c1.say.apply(d1, [12, 13]) // d1借用c1的say方法 "25, miao"

借用知乎上的记忆口诀:

猫吃鱼，狗吃肉，奥特曼打小怪兽。
有天狗想吃鱼了
猫.吃鱼.call(狗，鱼)
狗就吃到鱼了
猫成精了，想打怪兽
奥特曼.打小怪兽.call(猫，小怪兽)