【ES6入门07】：函数扩展

函数扩展

函数参数的默认值

{
    function test(x, y = 'world') {
        console.log(x, y);
    }
    test('hello'); // hello world
    test('hello', 'can'); // hello can
}

参数的作用域

{
    let x = 'hi';
    function test2(x, y = x) {
        console.log(x, y);
    }
    function test3(a, y = x) {
        console.log(a, y);
    }
    test2('can'); // can can
    test3('can'); // can hi
}

rest参数和扩展运算符

{
    // ...arg将所有参数转换为数组，...arg 表示rest参数
    function test4(...arg) {
        for (let v of arg) {
            console.log(v);
        }
    }
    test4(1, 2, 3, 'a'); // 1  2  3  'a'

    // 扩展运算符
    console.log(...[1, 2, 4]); // 1 2 4
}

箭头函数

{
    let fn = arg => arg * 2; // 只有一个参数可以省略()
    let fn2 = () => 5; // 没有参数写()
    // 当返回值为对象时，用()包住返回值，不然会报错
    let fn3 = (name, age) => ({name, age});
    console.log(fn(3)); // 6
    console.log(fn2()); // 5
    console.log(fn3('can', 18)); // {name: "can", age: 18}
    // 注意，使用箭头函数时，注意this的指向
}

函数尾调用

{
    // 判别是否函数尾调用的方法：函数的最后一个语句是不是一个函数
    // 当函数嵌套过多，当一个函数依赖另一个函数时，可使用尾调用优化性能
    function test(x) {
        console.log(x);
    }
    function fn(x) {
        return test(x); // 尾调用，最后的语句是函数
    }
    fn(123); // 123
}