17 JavaScript 中的call和apply

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 在吃 苞米茬子 大饼子