call 、apply 、bind的区别和作用

bind、apply、call 之间的区别是：1、执行方式不同；2、传参方式不同；3、修改this的性质不同。执行方式不同是指，call和apply是改变后页面加载之后就立即执行，是同步代码。bind是异步代码，改变后不会立即执行；而是返回一个新的函数。

1、都是用来改变this指向的，都是跟在函数的后面；
2、传参：

• call()、apply()、bind() 第一个参数相同：都代表 this 要指向的对象（若该参数为 undefined 或 null 或 不传参，this 则默认指向全局 window）
• apply接收两个参数，第二个参数是一个数组，调用后里面的值会自动的展开。
• call和bind可以接受多个参数，除了一个是this指向外，其余的参数对应函数的参数。

3、执行时机

• call()：会立即执行 多个参数
• apply()：会立即执行 两个参数
• bind()：是异步代码，改变后不会立即执行；而是返回一个新的函数。传多个参数，是返回绑定 this 之后的新函数，需要手动调用；如果这个新函数作为构造函数被调用，那么this不再指向传入bind()的第一个参数，而是指向新生成的对象。

4、使用

• apply()求最大值

// 利用 apply() 会展开第二个参数的特性，效果等同于 ...[1,2,3] 展开运算符
console.log(Math.max.apply([],[2,6,8,3,4,9,7,23,56,889])) 

• call()判断数据类型

console.log(Object.prototype.toString.call("qq"))            // [object String] 返回值都是字符串类型
console.log(Object.prototype.toString.call(12))              // [object Number]
console.log(Object.prototype.toString.call(false))           // [object Boolean]
console.log(Object.prototype.toString.call(undefined))       // [object Undefined]
console.log(Object.prototype.toString.call(null))            // [object Null]
console.log(Object.prototype.toString.call(function(){}))    // [object Function]
console.log(Object.prototype.toString.call([]))              // [object Array]
console.log(Object.prototype.toString.call({}))              // [object Object]

• bind()判断数据类型

fun.bind(this, arg1, arg2, arg3, arg4, ...)

let obj = {
    user: 'test',
}

let funA = function(arg1, arg2, arg3){
    console.log(this.user)  // test
    console.log(arg1, arg2, arg3)  // 10,1,2
};
let funB = funA.bind(obj, 10)
funB(1, 2)