call aplly笔记

<script>
    /*1、每个函数都包含两个非继承而来的方法：apply()和call()。
    2、他们的用途相同，都是在特定的作用域中调用函数。
    3、接收参数方面不同，apply()接收两个参数，一个是函数运行的作用域(this)，另一个是参数数组。
    call()方法第一个参数与apply()方法相同，但传递给函数的参数必须列举出来。*/
    window.firstName = "diz";
    window.lastName = "song";
    var myObject = { firstName: "my", lastName: "Object" };
    function HelloName() {
        console.log("Hello " + this.firstName + " " + this.lastName, " glad to meet you!");
    }
    HelloName.call(window); //huo .call(this);
    HelloName.call(myObject);
 
  /*  输出结果
    Hello diz song glad to meet you!
    Hello my Object glad to meet you!*/
 
//    例2
    function sum(num1, num2) {
        return num1 + num2;
    }
    console.log(sum.call(window, 10, 10)); //20
    console.log(sum.apply(window,[10,20])); //30
 
//    分析：call、apply就是改变作用域；
</script>

猫吃鱼，狗吃肉，奥特曼打小怪兽。

有天狗想吃鱼了

猫.吃鱼.call(狗，鱼)

狗就吃到鱼了

猫成精了，想打怪兽

奥特曼.打小怪兽.call(猫，小怪兽)

就这样记住了。