1. 程式人生 > >js函數定義和調用

js函數定義和調用

row return 方式 array 入參 console abs pre ava

由於JavaScript的函數也是一個對象,上述定義的abs()函數實際上是一個函數對象,而函數名abs可以視為指向該函數的變量。

var abs = function (x) {
    if (x >= 0) {
        return x;
    } else {
        return -x;
    }
};

這種方式下,function (x) { ... }是一個匿名函數,它沒有函數名。但是,這個匿名函數賦值給了變量abs,所以,通過變量abs就可以調用該函數。

abs()//返回NaN

此時abs(x)函數的參數x將收到undefined,計算結果為NaN

要避免收到undefined,可以對參數進行檢查:

function abs(x) {
    if (typeof x !== ‘number‘) {
        throw ‘Not a number‘;
    }
    if (x >= 0) {
        return x;
    } else {
        return -x;
    }
}

arguments

JavaScript還有一個免費贈送的關鍵字arguments,它只在函數內部起作用,並且永遠指向當前函數的調用者傳入的所有參數。arguments類似Array但它不是一個Array

 
function foo(x) {
    alert(x); // 10
    for (var i=0; i<arguments.length; i++) {
        alert(arguments[i]); // 10, 20, 30
    }
}
foo(10, 20, 30);

利用arguments,你可以獲得調用者傳入的所有參數。也就是說,即使函數不定義任何參數,還是可以拿到參數的值:

function abs() {
    if (arguments.length === 0) {
        return 0;
    }
    var x = arguments[0];
    
return x >= 0 ? x : -x; } abs(); // 0 abs(10); // 10 abs(-9); // 9

實際上arguments最常用於判斷傳入參數的個數。你可能會看到這樣的寫法:

// foo(a[, b], c)
// 接收2~3個參數,b是可選參數,如果只傳2個參數,b默認為null:
function foo(a, b, c) {
    if (arguments.length === 2) {
        // 實際拿到的參數是a和b,c為undefined
        c = b; // 把b賦給c
        b = null; // b變為默認值
    }
    // ...
}

rest參數

ES6標準引入了rest參數

function foo(a, b, ...rest) {
    console.log(‘a = ‘ + a);
    console.log(‘b = ‘ + b);
    console.log(rest);
}

foo(1, 2, 3, 4, 5);

js函數定義和調用