JavaScript 继承（三）call apply bind 简介

不好意思因为懒，，我懒得弄图，，就是代码+注释

function fun(){
    this.x = 2;
    
    this.show = function(){
        console.log(this.x);
    }
    
    this.show2 = function(val,val2){
        console.log(val+val2+this.x);
    }
}

var num = {
    x:1
}

var x = 10;

var obj = new fun();
obj.show();//2
//不解释

obj.show.call(num);//1
//call 调用obj.show 并且改变其this 指向num 所以 console.log(this.x); this.x 是 num.x也就是1
obj.show.call();
obj.show.call(null);
obj.show.call(undefined);
//上面三个都是 10 不传或者传入 null 或者 undefined 都会指向window

obj.show2(1,2);//1+2+2 = 5

obj.show2.call(obj,3,2);//3+2+2 = 7
//call还可以传入参数
obj.show2.call(num,0,0);//0+0+1 = 1

obj.show2.apply(num,[0,0]);//apply 和call 的区别在于 传参方式不同
//还有一个bind 也能有类似效果
obj.show2.bind(num,1,2)();//1+2+1 = 4
//也是修改了show的this指向但是区别在于bind是创建了一个函数称为绑定函数
//调用该函数时会以创建它时传入 bind()方法的第一个参数作为 this，
//传入 bind方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序
//作为原函数的参数来调用原函数。
//也可以写成
var f = obj.show2.bind(num,1,2);//bind 创建了一个绑定函数
f();//调用绑定函数 执行原函数




//apply 数组传参可以解决变长参数的问题如下

function log(){
    console.log.apply(console, arguments);
}

log(1,2,3);