call()和apply()及bind( )三者的相同与区别

call( )方法

1.call可以调用函数 fn.call( )
2.call可以改变this指向（call函数的第一个参数就是call所有调用函数里的this指向）
3.call函数的第二个及以后的参数是原函数的参数
4.解耦：把联系紧密的事物变得联系松散。

let dog = {
    name:"小黑"
}
function eat(str,music){
    console.log(this.name+"吃"+str+"，唱着"+music);
}
//call()使dog与eat的关系变得松散了。
eat.call(dog,"油泼面","小苹果");//输出结果为小黑吃油泼面唱着小苹果

apply( )与call( )方法的相同点与不同点

相同点
1.改变this指向
2.第一个参数都是原函数的this指向
不同点
1.apply的第二个参数，是数组，数组里面市原函数的所有参数
2.call的第二个及以后的所有参数是原函数的所有参数

let dog = {
    name:"小黑"
}
function eat(str,music){
    console.log(this.name+"吃"+str+"，唱着"+music);
}
eat.apply(dog,["油泼面","小苹果"]);

bind( )方法

bind：能够改变this的指向。
1、bind函数并不会调用原函数。
2、bind函数调用时是会产生新的函数（bind的返回值是新的函数），新的函数就是把原函数和对象永远绑在一起的函数

let dog = {
    name:"小黑"
}
function eat(str){
    console.log(this.name+"吃"+str);
}
let e =  eat.bind(dog);
e("油条");//小黑吃油条
e("油糕");//小黑吃油糕
e("油饼");//小黑吃油饼

//eat.call(dog,"油条");//小黑吃油
//eat.call(dog,"油糕");//小黑吃油糕
//eat.call(dog,"油饼");//小黑吃油饼