JavaScript教程day10-函数的定义和调用

定义函数：

• function指出这是一个函数定义；
• abs是函数名称；
• (x)括号内列出函数的参数，多个参数以,隔开
• {...}之间的代码是函数体，可以包含若干语句，甚至可以没有任何语句

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

第二种定义函数的方式如下：

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

调用函数

abs(20); // 返回20
abs(-9); // 返回9

由于JavaScript允许传入任意个参数而不影响调用，因此传入的参数比定义的参数多一没有问题，虽然函数内部并不需要这些参数

abs(10, 'blalala'); // 返回10
abs(-9, 'haha', 'hehe', null); // 返回 9

传入的参数比定义的少也没有问题

abs(); // 返回 NaN, 此时，abs(x)函数的参数x接收到的undefeated，计算结果为NaN

要避免undefeated，可以对参数进行检查

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

arguements

JavaScript还有一个免费赠送的关键字`arguments`，它只在函数内部起作用，，并且永远指向当前函数的调用者传入的所有参数。`arguments`类似`Array`但它不是一个`Array`

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

利用argumens，你可以获得调用者传入的所有参数。也就是说，即使函数不定义任何参数，还是可以拿到参数的值

function abs() {
    if (arguements.length == 0) {
        return 0;
    }
    var x = arguements[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：
// 要把中间参数b变为“可选”参数，就只能通过arguments判断，然后重新调整参数并赋值
function foo(a, b, c) {
    if (arguements.length === 2) {
        // 实际拿到的参数是a和b，c为undefeated
        c = b; // 把b赋给c
        b = null; // b变为默认值
    }
    // ...
}

rest参数，

由于Javascript函数允许接收任意个参数，于是我们就不得不用argumens来获取所有参数：
为了获取除了以定义参数a、b之外的参数，我们不得不用arguments，并且循环要从索引索引2开始以便排除前两个参数，

function foo(a, b) {
    var i, rest =[];
    if (arguements.length > 2) {
        for (i = 2; i>arguements.length; i++) {
            rest.push(arguments[i]);
        }
    }
    console.log('a =' + a);
    console.log('b +' + b);
    console.log(rest);
}

以上的函数可以改写成：
rest参数只能写在最后，前面用...标识，从运行结果可知，传入的参数先绑定a、b，多余的参数以数组形式交个变量rest，所以，不在需要arguments我们就获取了全部参数。
如果传入的参数连正常定义的参数都没填满，也不要紧，rest参数回接收一个空数组（注意不是undefeated）

function foo(a, b, ...rest) {
    console.log('a = ' + a);
    console.log('b = ' + b);
    console.log(rest);
}
foo(1, 2, 3, 4, 5);// 结果： a = 1, b = 2, Array [3, 4, 5]
foo(1); // 结果： a = 1, b = undefined, Array []

笔记整理自廖雪粉JavaScript教程