17 JavaScript 中的call和apply

跃尘

17 JavaScript 中的call和apply

对于咱们逆向工程师而言. 并不需要深入的理解call和apply的本质作用. 只需要知道这玩意执行起来的逻辑顺序是什么即可
在运行时. 正常的js调用:

1. function People(name, age){
2.     this.name = name;
3.     this.age = age;
4.     this.chi = function(){
5.         console.log(this.name, "在吃东西")
6.     }
7. }
8. p1 = new People("zzc", 18);
9. p2 = new People("wyy", 20);
10. p1.chi();        // zzc 在吃东西
11. p2.chi();        // wyy在吃东西

复制代码

接下来, 我们可以使用call和apply也完成同样的函数调用

1. function People(name, age){
2.     this.name = name;
3.     this.age = age;
4.     this.chi = function(what_1, what_2){
5.         console.log(this.name, "在吃", what_1, what_2);
6.     }
7. }
8. p1 = new People("zzc", 18);
9. p2 = new People("wyy", 20);
10. p1.chi("馒头", "大饼");                // zzc在吃 馒头 大饼
11. p2.chi("大米饭", "面条");        // wyy在吃 大米饭 苗条
13. function eat(what_1, what_2){
14.     console.log(this.name, "在吃", what_1, what_2);
15. }
17. // call的语法是: 函数.call(对象, 参数1, 参数2, 参数3....)
18. // 执行逻辑是: 执行函数. 并把对象传递给函数中的this.  其他参数照常传递给函数
19. eat.call(p1, "查克拉", "元宇宙");                // zzc 在吃 查克拉 元宇宙

复制代码

apply和他几乎一模一样. 区别是: apply传递参数要求是一个数组。

1. eat.apply(p1, ["苞米茬子", "大饼子"]);                // zzc 在吃 苞米茬子 大饼子

复制代码

来源:https://www.cnblogs.com/zczhaod/p/17650220.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！