二、函数

ES2015

二、函数

1、带参数默认值的函数

在ES5中模拟参数默认值

    function makeRequest(url, timeout, callback) {
        timeout = timeout || 2000;
        callback = callback || function() {};
        // 函数的剩余部分
    }
    //此处的  timeout  的有效值实际上有可能是  0  ，但因为  0  是假值，就会导致  timeout  的值在这种情况下会被替换为  2000  。
    //更安全的替代方法是使用  typeof  来检测参数的类型
    function makeRequest(url, timeout, callback) {
        timeout = (typeof timeout !== "undefined") ? timeout : 2000;
        callback = (typeof callback !== "undefined") ? callback : function() {};
        // 函数的剩余部分
    }

ES6中的参数默认值

    function makeRequest(url, timeout = 2000, callback = function() {}) {
        // 函数的剩余部分
    }
    makeRequest("/foo", undefined, function(body) {// 使用默认的 timeout
        doSomething(body);
    });
    makeRequest("/foo");// 使用默认的 timeout
    makeRequest("/foo", null, function(body) {// 不使用默认值
        doSomething(body);
    });

  在本例中，只有在未传递第二个参数、或明确将第二个参数值指定为 undefined 时，timeout 的默认值才会被使用。null会被认为是有效参数。

参数默认值如何影响arguments对象

  非严格模式:

    function mixArgs(first, second) {
        console.log(first === arguments[0]);  //true
        console.log(second === arguments[1]); //true
        first = "c";
        second = "d";
        console.log(first === arguments[0]);  //true
        console.log(second === arguments[1]); //true
    }
    mixArgs("a", "b");

  严格模式:

    function mixArgs(first, second) {
        "use strict";
        console.log(first === arguments[0]);  //true
        console.log(second === arguments[1]); //true
        first = "c";
        second = "d"
        console.log(first === arguments[0]);  //false
        console.log(second === arguments[1]); //false
    }
    mixArgs("a", "b");

  ES6 参数默认值严格模式和非严格模式:

    function mixArgs(first, second = "b") {
        console.log(arguments.length);          //1
        console.log(first === arguments[0]);    //true
        console.log(second === arguments[1]);   //false,arguments[1]值为undefined
        first = "c";
        second = "d"
        console.log(first === arguments[0]);    //false
        console.log(second === arguments[1]);   //fasle
    }
    mixArgs("a");

参数默认值表达式

    function getValue(value) {
        return value + 5;
    }
    function add(first, second = getValue(first)) {
        return first + second;
    }
    console.log(add(1, 1)); // 2
    console.log(add(1)); // 7

2、剩余参数

  剩余参数的限制条件:
    函数只能有一个剩余参数，并且它必须被放在最后。
    剩余参数不能在对象字面量的 setter 属性中使用。（对象字面量的 setter 被限定只能使用单个参数；而剩余参数按照定义是不限制参数数量的，因此它在此处不被许可。）

    function pick(object, ...keys) {
        let result = Object.create(null);
        for (let i = 0, len = keys.length; i < len; i++) {
            result[keys[i]] = object[keys[i]];
        }
        return result;
    }

  keys 是一个包含所有在 object 之后的参数的剩余参数（这与包含所有参数的 arguments 不同，后者会连第一个参数都包含在内）。
  函数的 length 属性用于指示具名参数的数量，而剩余参数对其毫无影响。此例中pick() 函数的 length 属性值是 1 ，因为只有 object 参数被用于计算该值。