                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript深入淺出

bind 方法模擬時的arguments

我有些不太理解兩個 arguments 的變化，

demo：

function?foo(x,y,z){
??this.b?=?100;
??return?this.a+x+y+z;
}

var?func?=?foo.bind({a:1},20);
func(3,4);

這個時候?qū)τ诮貓D右邊實現(xiàn)bind 模擬的代碼而言，

var?aArgs?=?Array.prototype.slice.call(arguments,1);??//此時的arguments[0]->{a:1}
?????????????????????????????????????????????????????//arguments[1]->20

而fBound 的匿名函數(shù)中

aArgs.concat(Array.propotype.slice.call(arguments))??//此時的arguments[0]->3
????????????????????????????????????????????????????//arguments[1]->4

我感覺這樣理解才是對的，這樣 concat 之后返回的是 [20,3,4]

但是我不太明白fBound 的匿名函數(shù)中的 arguments 是何時指向函數(shù)調(diào)用的?

16:39

Issa_Tan

2015-05-17

源自：JavaScript深入淺出 6-4

關(guān)注問題我要回答

2370

操作

收起

2 回答

Bosn
2015-06-05

非常認真的總結(jié)，很不錯。加油哦。有問題可以微博艾特我@Bosn

0 回復有任何疑惑可以回復我~

收起回答

Issa_Tan 提問者
2015-05-19

額，自己犯傻了??！

自問自答之前先重申一下：標識符 arguments 是指向【實參】對象的引用。

也就是說，必須【在函數(shù)調(diào)用，傳入了實參時，才有 arguments 對象】。

demo：

function?foo(x,y,z){
??this.b?=?100;
??return?this.a+x+y+z;
}
?
var?func?=?foo.mybind({a:1},20);??//因為?.bind()方法已存在，為了斷點調(diào)試，改為?.mybind()?方法
func(3,4);

其中，

var?func?=?foo.mybind({a:1},20);???//?此時全部實參為?[{a:1},20]

在Chrome 的控制臺下模擬了一下，注意兩點：

此時call stack（紅色框）里面是第33 行調(diào)用 .mybind() 方法調(diào)用了第14行
第 20 行，也就是最后返回的函數(shù)的 arguments（藍色框）也是[{a:1},20]，但此時這個函數(shù) 【沒有調(diào)用】，沒有執(zhí)行也就沒有輸出效果。

.mybind() 返回一個函數(shù)，保存在 func 里面，現(xiàn)在 func 里面是 .bind() 方法返回的函數(shù)，里面的內(nèi)容也就是這一段，

當調(diào)用 func 函數(shù)，或者說是在調(diào)用 .mybind() 方法的返回值時，

func(3,4);??//?此時實參為?[3,4]

此時在Chrome 中斷點，可以看到

call stack（紅色框）中第 34 行， func(3,4) 調(diào)用的是 fBound 方法，也就是 18-19 行的代碼
此時整個 Local 的 arguments（藍色框）都是[3,4] ，即使是被調(diào)用的函數(shù)外部（即第14行）的 arguments 也是[3,4]
```
return?fToBind.apply();
```
此時實際上是在間接調(diào)用 foo() 函數(shù)，其參數(shù)分別為 oThis 和?aArgs.concat(Array.prototype.slice.call(arguments))
閉包（紫色框）中可以看到?oThis 和 aArgs 仍然存在