17 JavaScript 中的call和apply
对于咱们逆向工程师而言. 并不需要深入的理解call和apply的本质作用. 只需要知道这玩意执行起来的逻辑顺序是什么即可
在运行时. 正常的js调用:
function People(name, age){
this.name = name;
this.age = age;
this.chi = function(){
console.log(this.name, "在吃东西")
}
}
p1 = new People("zzc", 18);
p2 = new People("wyy", 20);
p1.chi(); // zzc 在吃东西
p2.chi(); // wyy在吃东西
接下来, 我们可以使用call和apply也完成同样的函数调用
function People(name, age){
this.name = name;
this.age = age;
this.chi = function(what_1, what_2){
console.log(this.name, "在吃", what_1, what_2);
}
}
p1 = new People("zzc", 18);
p2 = new People("wyy", 20);
p1.chi("馒头", "大饼"); // zzc在吃 馒头 大饼
p2.chi("大米饭", "面条"); // wyy在吃 大米饭 苗条
function eat(what_1, what_2){
console.log(this.name, "在吃", what_1, what_2);
}
// call的语法是: 函数.call(对象, 参数1, 参数2, 参数3....)
// 执行逻辑是: 执行函数. 并把对象传递给函数中的this. 其他参数照常传递给函数
eat.call(p1, "查克拉", "元宇宙"); // zzc 在吃 查克拉 元宇宙
apply和他几乎一模一样. 区别是: apply传递参数要求是一个数组。
eat.apply(p1, ["苞米茬子", "大饼子"]); // zzc 在吃 苞米茬子 大饼子