call,apply,bind的区别

为什么使用call,apply,bind

在js中，所有的函数再被调用的时候都会默认传入两个参数，一个是this，还有一个是arguments。在默认情况下this都是指当前的调用函数的对象。但是有时候我们需要改变this的指向，也就是说使函数可以被其他对象来调用，那么我们应该怎样做呢？这时候我们就可以使用call,apply和bind方法了。

首先搞清楚call，apply和bind方法的来历——在js中所有的函数都是Function的实例，而且对于Function来说，它的原型即Function.prototype中含有很多东西。

其中call,apply和bind方法就是Function原型中的方法，所以根据原型的规则，所有的函数都可以使用原型中属性和方法，所以来说，对于所有的函数都可以使用call，apply和bind方法。简单一句话：call，apply和bind都是Function原型中的方法，而所有的函数都是Function的实例。

使用

1. call,apply和bind的区别它们在功能上是没有区别的，都是改变this的指向，它们的区别主要是在于方法的实现形式和参数传递上的不同。call和apply方法都是在调用之后立即执行的。而bind调用之后是返回原函数，需要再调用一次才行，
2. ①：函数.call(对象,arg1,arg2…)②：函数.apply(对象，[arg1,arg2,…])③：var ss=函数.bind(对象,arg1,arg2,…)
3. 总结一下call，apply，bind方法：

• 第一个参数都是指定函数内部中this的指向（函数执行时所在的作用域），然后根据指定的作用域，调用该函数。
• 都可以在函数调用时传递参数。call，bind方法需要直接传入，而apply方法需要以数组的形式传入。
• call，apply方法是在调用之后立即执行函数，而bind方法没有立即执行，需要将函数再执行一遍。有点闭包的味道。
• 改变this对象的指向问题不仅有call，apply，bind方法，也可以使用that变量来固定this的指向。

场景

求数组中的最大和最小值	var arr = [1, 2, 3, 89, 46]; var max = Math.max.apply(null, arr);  // 89 var min = Math.min.apply(null, arr); // 1
将类数组转为数组	var trueArr = Array.prototype.slice.call( arrayLike );
数组追加	var arr1 = [1, 2, 3]; var arr2 = [4, 5, 6]; var total = [].push.apply(arr1, arr2);  // 6 // arr1 = [1, 2, 3, 4, 5, 6] // arr2 = [4, 5, 6]
判断变量类型	function isArray(obj){     return Object.prototype.toString.call(obj) == '[Object Array]'; } // isArray([])  => true // isArray('yw') => false
利用call和apply做继承	fucntion Person(name, age){     // 这里的this都指向实例     this.name = name;     this.age = age;     this.sayAge = function(){         console.log(this.age)     } } function Female(){     Person.apply(this, arguments); // 将父元素所有方法在这里执行一遍就继承了 } var female = new Female('yw', 27);
使用log代理console.log	function log(){     console.log.apply(console, arguments); }