call、apply和bind方法详解

call方法：使用一个指定的this值和单独给出的一个或多个参数来调用函数。

var obj = {
  this.message = " hu "
}
function getName(name){
  console.log(this.message + " " + name);
}
getName.call(obj ," mei ");  //  

apply方法，此方法和call方法的区别在于参数，apply方法使用一个指定的this值，和一个数组用来存放参数。

实际上call和apply的功能是一样的，只是传入参数列表形式不一样。

var obj = {
  this.message = " hu "
}
function getName(name,age){
  console.log(this.message + " " + name + " " +age);
}
getName.apply(obj ,['mei','M']);  //  

这两种方法的用途很多，下面我就举几个例子。

// 1.基本用法
function add(a,b){
  return a+b;  
}
function sub(a,b){
  return a-b;  
}
var result1 = add.apply(sub,[10,2]);　　//sub调用add的方法
var result2 = sub.apply(add,[10,2]);
alert(result1);                         //12
alert(result2);                         //8
/*call的用法*/
var result = add.call(sub,6,2);         //8

// 2.方法的继承
function Person(food){
	this.food = food;
	this.eat = function(){
		console.log("this.food");
	}
}
function Student(food){
	/*call的用法*/
	Person.call(this,food);
	/*apply的用法*/
	Person.apply(this,[food]);
}
var humei = new Student("apple");
humei.eat();

// 3.多重继承
function Sub(){
  this.showSub = function(a,b){
        alert(a - b);
    }   
}
function Add(){
  this.showAdd = function(a,b){
        alert(a + b);
    }  
}
function Result(){
  Sub.apply(this);
  Add.apply(this);   
  // Sub.call(this);
  //Add.call(this);  
}
var r = new Result();
r.showSub(13,1);    //12
r.showAdd(13,1);    //14

// 4. 利用Math.max和Math,min求得数组的最大值、最小值
max=Math.max.apply(null,array)；
min=Math.min.apply(null,array);

当this的值为null、undefined时，默认指向window。

bind方法，与call类似。区别在于bind的返回值是函数和接收参数列表的使用。

var obj = {
    name: 'huxiangyan'
}

function showName() {
    console.log(this.name)
}

var hu = showName.bind(obj)
console.log(hu) // function () { … }
hu()  // huxiangyan bind 方法不会立即执行，而是返回一个改变了上下文 this 后的函数。而原函数 showName 中的 this 并没有被改变，依旧指向全局对象 window。



function fn(a, b, c) {
    console.log(a, b, c);
}
var fn1 = fn.bind(null, 'Dot');
fn('A', 'B', 'C');            // A B C
fn1('A', 'B', 'C');           // Dot A B
fn1('B', 'C');                // Dot B C
fn.call(null, 'Dot');         // Dot undefined undefined
// call 是把第二个及以后的参数作为 fn 方法的实参传进去，而 fn1 方法的实参实则是在 bind 中参数的基础上再往后排。

感觉对这三个方法清楚了很多，参考了几篇博文。传送门1
传送门2