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