函数扩展

函数新增特性

• 参数默认值
• rest参数
• 扩展运算符
• 箭头函数
• this绑定

• 尾调用

  参数默认值

function test(x, y = 'world'){
    console.log('默认值',x,y)
}
test('hello')
//默认值 hello world
test('hello', 'me')
//默认值 hello me

let x = 'test';
function test2(x, y = x){
    console.log('作用域', x, y);
}
test2('me');
//作用域 me me
test2();
//作用域 undefined undefined 

rest参数

function test3(...args){
    for(let v of args){
        console.log('rest',v);
    }
}
test3(1,2,3,4,'a')
/**
* rest ⇒ 1
* rest ⇒ 2
* rest ⇒ 3
* rest ⇒ 4
* rest ⇒ a
*/

扩展运算符

console.log(...[1,2,4]);
//1 2 4
console.log('a',...[1,2,3]);
//a 1 2 3

箭头函数

let arrow = v => v*2;
console.log('arrow', arrow(3));
//arrow ⇒ 6

let arrow = () => 5;
console.log(arrow());
//5

this绑定

let obj = {
    fn:function(){
        setTimeout(() => {
            console.log(this);
        });
    }
}
obj.fn();//object this指向函数的宿主对象

尾调用

function tail(x){
    console.log('tail',x);
}
function fx(x){
    return tail(x);
}
fx(123)
//tail ⇒ 123