js知識梳理5：關(guān)于函數(shù)的要點梳理(1)

付倫發(fā)布于2019-08-26 12:16 / 1899人閱讀

摘要：構(gòu)造函數(shù)調(diào)用會使用新創(chuàng)建的對象作為調(diào)用上下文。函數(shù)的參數(shù)相關(guān)可選形參當傳入的實參比函數(shù)聲明時指定的形參數(shù)量要少，剩下的形參都將設置為值實參多則會自動省略。它們的第一個實參是要調(diào)用函數(shù)的母對象，它是調(diào)用上下文，函數(shù)體內(nèi)通過引用它。

寫在前面

注：這個系列是本人對js知識的一些梳理，其中不少內(nèi)容來自書籍:Javascript高級程序設計第三版和JavaScript權(quán)威指南第六版，感謝它們的作者和譯者。有發(fā)現(xiàn)什么問題的，歡迎留言指出。

1.函數(shù)聲明和函數(shù)表達式

函數(shù)聲明具有聲明提前/聲明提升的特性，這一點和變量的聲明特性相似，執(zhí)行代碼之前會先讀取函數(shù)聲明和變量聲明，意味著可以把函數(shù)聲明放在調(diào)用它的語句后面，但變量聲明肯定最好不要這樣，因為常伴隨undefined問題。

函數(shù)聲明的函數(shù)名稱和函數(shù)體都提前，而函數(shù)表達式只是變量聲明提前（而變量的初始化代碼仍然在原來的位置）。

2.函數(shù)調(diào)用

構(gòu)成函數(shù)主體的代碼定義時并不會執(zhí)行，調(diào)用函數(shù)時才會執(zhí)行，有4中方式調(diào)用函數(shù)：

作為函數(shù)

作為方法

作為構(gòu)造函數(shù)

通過call()和apply()方法間接調(diào)用

①作為函數(shù)調(diào)用的注意點，嚴格模式下調(diào)用上下文是undefined，所以通常不使用this關(guān)鍵字，②作為方法調(diào)用的話調(diào)用上下文就是方法所在的對象，this關(guān)鍵字引用著該對象。③而嵌套函數(shù)不會從調(diào)用它的函數(shù)中繼承this，如果想訪問外部的this，可以用變量保存this的值。④構(gòu)造函數(shù)調(diào)用會使用新創(chuàng)建的對象作為調(diào)用上下文。

3.函數(shù)的參數(shù)相關(guān)

可選形參

當傳入的實參比函數(shù)聲明時指定的形參數(shù)量要少，剩下的形參都將設置為undefined值（實參多則會自動省略）。所以在合適的場景就可以選擇使用可選形參：

function getPropertyNames(o, /* optional */ a) {
    if(a=== undefined) a=[];
    for(var prop in o) a.push(prop);
    return a;
}
var arr = [1,2];
//[1, 2, "x", "y"]
console.log(getPropertyNames({x:1,y:2},arr));
//["x", "y"]
console.log(getPropertyNames({x:1,y:2}));

注意點：需要將可選形參放在形參列表的最后，并在函數(shù)定義是使用注釋強調(diào)形參是可選的。

實參對象arguments

在函數(shù)體內(nèi)，標識符arguments是指向?qū)崊ο蟮囊茫且粋€類數(shù)組對象，可以通過數(shù)字下標訪問傳入的實參值，這樣函數(shù)就可以操作任意數(shù)量的實參：

function getMaxValue(/* ... */) {
    var max = arguments[0];
    for(var i=0,len=arguments.length;imax){
            max = arguments[i];
        }
    }
    return max;
}
console.log(getMaxValue(4,2,1,8,10));//10

將對象屬性用作實參:當一個函數(shù)的形參過多（比如超過3個），調(diào)用時記住實參的正確順序不容易。這時可以把形參寫成一個對象，就沒有參數(shù)順序的影響了，而且還可以在取值的時候使用||符號設置默認值。當然，形參不多就不需這樣做，效率會低一些。

在每個形參左邊使用類似/*array*/的類型注釋。在函數(shù)體內(nèi)應該要有實參類型檢查的邏輯，在傳入非法值時報錯。

自定義函數(shù)屬性：函數(shù)是一種特殊的對象，所以在適當?shù)臅r候可以給函數(shù)定義屬性，比如函數(shù)需要一個“靜態(tài)變量”：

//階乘
function factorial(n) {
    if(isFinite(n) && n>0 && n==Math.round(n)){
        if(!(n in factorial)) factorial[n] = n * factorial(n-1);
        return factorial[n];
    }
    else return NaN;
}
factorial[1] = 1;
console.log(factorial([5]));//120

4.作為命名空間的函數(shù)

為了不污染全局空間，常用定義匿名函數(shù)并立即在單個表達式中調(diào)用的方式：

var extendFun = (function () {
    //函數(shù)體
}());

5.call()、apply()和bind()

call()和apply()

call()和apply()是函數(shù)的方法，通過調(diào)用方法的形式來簡介調(diào)用函數(shù)，我們之前介紹繼承的時候，有一個地方是借用超類型的構(gòu)造函數(shù)，就是使用了call。它們的第一個實參是要調(diào)用函數(shù)的母對象，它是調(diào)用上下文，函數(shù)體內(nèi)通過this引用它。

call除了第一個參數(shù)之后的參數(shù)就是要傳給函數(shù)的值：

function logMsg(x,y,z) {
    console.log(x+"/"+y+"/"+z);
}
//打印2/4/6
logMsg.call({},2,4,6);

而apply除了第一個參數(shù)以外，提供一個數(shù)組用于傳給函數(shù)：

function logMsg(x,y,z) {
    console.log(x+"/"+y+"/"+z);
}
//打印8/10/12
logMsg.apply({},[8,10,12]);

apply的數(shù)組參數(shù)可以是真實數(shù)組，也可以是類數(shù)組對象，比如可以把當前函數(shù)的arguments數(shù)組直接傳入：

function logMsg(x,y,z) {
    console.log(x+"/"+y+"/"+z);
}
function wantToLog(a,b,c) {
    logMsg.apply({},arguments);
}
//打印1/2/3/4
wantToLog(1,2,3);

bind()

這個方法主要作用是將函數(shù)綁定至某個對象，除了第一個實參以外，其他的實參會傳入到函數(shù)里面：

function f(y,z) {
    console.log("y:"+y);//y:4
    console.log("z:"+z);//z:2
    return this.x + y + z;
}
var g = f.bind({x:3},4);
console.log(g(2));//3+4+2=9
//這里面綁定了this和y