This相关

<script>

    /*
        this指向于谁?  看函数调用位置上的调用形式
            独立调用( fn() )  --->  this指向window
            构造调用( new fn() ) ---> this指向当前new调用创建的实例
            隐式调用( obj.fn() ) ---> this指向调用者
            显示调用( fn.call(obj) fn.apply(obj)) ---> this指向指定的对象

         坑: 隐式丢失  靠硬绑定来解决
         注意: 所有的回调函数的this指向 要查阅api!!
                回调函数:  你定义的 你没调用 最终执行了
    */

    function test() {
        console.log(this)
    }
    test(1,2,3,4)
</script>

<script>

    /*call
    apply
    bind*/

    function Product(name, price) {
        this.name = name;
        this.price = price;
    }

    function Food(arr) {
        // Product.call(this, name, price);
        Product.apply(this, arr);
        this.category = 'food';
    }

    var damu = new Food(['达姆', 50])

    console.log(damu);
</script>