JavaScript中函數(shù)紀(jì)要（二）

tolerious 發(fā)布于2019-08-20 18:16 / 2784人閱讀

摘要：和方法大作用致相同，不同的方法接受的參數(shù)，必須要明確所有要處理的參數(shù)，也就是說，參數(shù)必須要逐個列舉，而方法可以選擇數(shù)組作為參數(shù)，因此可以在具體的環(huán)境中，看看是選擇還是方法。

在函數(shù)內(nèi)部有著一個名叫arguments的類數(shù)組對象，內(nèi)部包含著傳入函數(shù)的所有參數(shù)，在arguments對象中，有一個名叫callee的屬性，其作用可見下面這個階乘的栗子：

function factorial(num){
  if(num<=1){
    return 1;
  }else{
    return num*factorial(num-1);
    //這里也可以寫成如下方式
    return num*arguments.callee(num-1);
  }
}
console.log(factorial(5))//120

可以看到的是，arguments.callee這個屬性作為一個指針指向了擁有arguments對象的函數(shù)，也可以認(rèn)為是當(dāng)前正在執(zhí)行的函數(shù)，而且可以消除與函數(shù)名factorial的耦合，不過值得注意的是，在ES5的嚴(yán)格模式下，調(diào)用arguments.callee方法會報錯。

函數(shù)內(nèi)部還有一個對象，就是我們所熟悉的this對象，this對象引用的是函數(shù)執(zhí)行的環(huán)境對象，簡單來說，this總是指向函數(shù)的直接調(diào)用者，而非間接調(diào)用者，在對象中，如果有new關(guān)鍵字，this指向new出來的那個對象。

在函數(shù)對象中，有個屬性名為caller，這個屬性作為一個引用，保存著調(diào)用當(dāng)前函數(shù)的其他函數(shù)的引用，如下

(function(){
  bar();//function (){bar();}
})();
function bar(){
  console.log(bar.caller)//arguments.callee.caller
}

可以看到的是，匿名函數(shù)內(nèi)部調(diào)用了bar函數(shù)，在bar函數(shù)內(nèi)部，因為 bar.calller指向了調(diào)用bar的匿名函數(shù)，所以執(zhí)行bar.caller就等于匿名函數(shù)的源代碼，同callee一樣的是，在ES5中訪問caller屬性會報錯。

函數(shù)內(nèi)部除了以上容易混淆的屬性以外，還有些方法有時候也會讓人比較困惑，例如call跟apply，show the code

function add(a,b){
  return a+b;
}
function foo(a,b){
  console.log(add.call(this,a,b))
}
function bar(a,b){
  console.log(add.apply(this,[a,b]))
}
foo(20,20)//40
bar(20,20)//40

可以看到的是，call和apply兩個方法作用都是在特定的作用域上面調(diào)用函數(shù)，換句話說，就是改變函數(shù)體內(nèi)this指向，在foo和bar函數(shù)中，我們利用call和apply將函數(shù)的this值綁定到add函數(shù)上，因此它們便可以對內(nèi)部的參數(shù)執(zhí)行add函數(shù)里面的加法操作。

call和apply方法大作用致相同，不同的方法接受的參數(shù)，call必須要明確所有要處理的參數(shù)，也就是說，參數(shù)必須要逐個列舉，而apply方法可以選擇數(shù)組作為參數(shù)，因此可以在具體的環(huán)境中，看看是選擇call還是apply方法。