相似點

首先，這三個都是用來改變函式的this物件的指向的；

然後，他們第一個引數都是要指向的物件；

最後，後續的引數用來傳參。

區別之處

有個例子特別好：

var xw = {
       name : "小王",
       gender : "男",
       age : 24,
       say : function() {
           alert(this.name + " , " + this.gender + " ,今年" + this.age);                                
       }
}
var xh = {
       name : "小紅",
       gender : "女",
       age : 18
}
xw.say();
 

那麼結果當然不用說，顯示是       小王，男，今年24.

那麼我們如何顯示xh的資料呢。

如果用call

xw.say.call(xh);	//即xw中的say方法的呼叫者改成了xh，改變了this的指向。

如果用apply

xw.say.apply(xh);	//即xw中的say方法的呼叫者改成了xh，改變了this的指向。

如果用bind

xw.say.bind(xh)();	//此處，bind返回的是一個函式，如果要執行，需要()進行呼叫。

上面可以看出，三者都改變了原方法的this指向，apply、call和bind的區別也很明顯。

那麼apply和call的區別呢

那我們修改一下上面的這個例子

var xw = {
        name : "小王",
        gender : "男",
        age : 24,
        say : function(school,grade) {
            alert(this.name + " , " + this.gender + " ,今年" + this.age + " ,在" + school + "上" + grade);                                
        }
 }
var xh = {
        name : "小紅",
        gender : "女",
        age : 18
}
 

ok，多個兩個引數

如果用call

xw.say.call(xh,”XX小學”,”六年級”);

如果用apply

xw.say.apply(xh,[”XX小學”,”六年級”]);

區別就是apply後面傳陣列，call是一個個傳參，一一對應。

當然bind也可以傳參

xw.say.bind(xh)(”XX小學”,”六年級”);

解釋同上，因為bind返回的是一個函式，所以我們是在呼叫的時候傳參。

所以最大的區別就是apply、call是立即呼叫函式，bind不是。

使用小技巧

1、巧用apply

Math.max函式用於取得最大值，但是它必須以一個傳入引數，而不是陣列形式。So

const arr = [1,2,3,4,5,6]
const max = Math.max.apply(null, arr)
console.log(max)    // 6

2、驗證陣列（前提是toString（）方法沒有被重寫過）

function   isArray(obj){ 
    return Object.prototype.toString.call(obj) === '[object Array]' ;
}

原型鏈找到末端的函式進行呼叫，就是obj呼叫了原型鏈上的公共函式toString。

3、讓類陣列擁有陣列的方法

比如arguments物件，獲取到的文件節點等，並沒有陣列的那些方法：

Array.prototype.slice.apply（argument）;

//理論上來說這個比較快，直接在原型上查詢slice方法

//但實際上比較慢

或者

[].slice.apply(arguments);

//理論上來說這個比較慢，因為要Array做一個例項化再查詢slice方法

//實際上比較快，因為現在的各種自動化工具會把上一種方法轉換為這種，而第二種程式碼比較簡潔，所以會比較快

也就是說：不是陣列，但是卻可以使用陣列的函式。