在原生js中會有三個很常見的函數(shù)须床，call,apply,bind
他們的作用就是改變當前函數(shù)的this指針嗽仪，
但是細微來說他們還是有不同的:
call apply 改變函數(shù)的指向的同時 立即進行調(diào)用;
bind 則是在函數(shù)進行調(diào)用之前训枢，就強行給變了this的指向（進行前）,它的效果是返回一個函數(shù)（只是給變了this指向）;
舉個栗子:
var obj = {
name:"張三",
fn:function(){
console.log(this.name);
}
}
obj.fn(); //張三
//這里能打印是因為這里的指向是指向這個obj對象的
//此時 再看一個例子:
var obj = {
name:"張三",
fn:function(){
console.log(this.name);
}
}
var a = obj.fn;
a(); //undefined
//我們只是想打印obj里邊的fn 這個時候就應該用我們的call了
var obj = {
name:'張三',
fn:function(){
console.log(this.name);
}
}
var a = obj.fn;
a.call(obj); //此時打印的是'張三'
這是因為 通過call函數(shù)將a的指向變成了obj這個對象 所以 他會執(zhí)行函數(shù) 并且打印出name的值;
call方法還可以傳入多個參數(shù)
var obj = {
name:"張三",
fn:function(){
console.log(this.name);
}
}
var a = obj.fn;
a.call(obj,1,2,3); //此時打印的是'張三'
call與apply函數(shù)的差別 就是后面?zhèn)魅氲膮?shù)格式不同;
call傳入的是每個單純的元素 而apply傳入的是一個數(shù)組;
var obj = {
name:"張三",
fn:function(){
console.log(this.name);
}
}
var a = obj.fn;
a.apply(obj,[10,5,9]); //此時打印的是'張三'
//注 亦可以var arr = [10,5,9,7] 傳入的時候直接傳入arr
//a.apply(obj,arr)
需要注意的是:注意如果call和apply的第一個參數(shù)寫的是null，那么this指向的是window對象;
接下來是bind
bind函數(shù)也是改變this指向的 但是不會立即調(diào)用
var obj = {
name:"張三",
}
function count (x,y) {
return x + y + this.name;
}
console.log(count.bind(obj))//此時打印的是 函數(shù)體,沒有被調(diào)用
bind.png
console.log(count.bind(obj)(5,2))//打印出來的是'7張三'
同樣bind也可以有多個參數(shù)耻台，并且參數(shù)可以執(zhí)行的時候再次添加碳竟，但是要注意的是，參數(shù)是按照形參的順序進行的;
總結:
call和apply都是改變上下文中的this并立即執(zhí)行這個函數(shù)漾岳，bind方法可以讓對應的函數(shù)想什么時候調(diào)就什么時候調(diào)用轰绵，并且可以將參數(shù)在執(zhí)行的時候添加，這是它們的區(qū)別尼荆，根據(jù)自己的實際情況來選擇使用.
學識有限左腔，如果那個地方出現(xiàn)錯誤或不足，感謝指出捅儒。
