call,apply和bind的区别

1.call()

第一个参数：this指向
如果要传参，后面依次是参数 

function fn(x) {
    console.log(x);    // 打印的是1
    console.log(this.name);    // 打印的是小寿司
}

const obj = {
    name:"小寿司"
}

fn.call(obj,1);    // 此时fn()这个函数this指向obj这个对象，原来fn()这个函数的this指向window
                   // 原来fn()这个函数内部是没有name这个值，
                   // 改变this指向后就可以去obj这个对象中找name

2.apply()

与第一种方法不同的是，用数组的形式表示参数

function fn(x,y){
   console.log(x,y);    // 打印的是1,2
   console.log(this);    // 打印的是obj这个对象
   console.log(this.name)    // 打印的是小寿司
}
var obj = {
   name:"小寿司"
}
fn(1,2);	//这里执行输出的this是window全局对象，
fn.apply(obj,[1,2]);	//改变this指向后，this.name就是小寿司

运行后控制台输出如下：

 

3.bind()

bind 只改变this指向，不会调用函数（call和apply都会）

function fn(x,y){
   console.log(x,y);  
   console.log(this.name)
}
const obj = {
   name:"小寿司"
}
fn(1,2);
fn.bind(obj,1,2)();    // 此时若没有后面的小括号，fn()这个函数将不会调用

call和apply的区别：

call（）方法和apply（）方法的作用相同，他们的区别在于接收的参数不同。