番外篇：ES6（四）函数操作

1、函数默认值的处理

<script>
    //ES6之前的写法 定义一个方法 有a b两个参数
    function add1(a,b){
        //如果b为空，则为b使用默认值1
        b =b || 1;
        return a+b;
    }
    //调用add1方法，只给a参数传值
    console.log(add1(10));

    //ES6之后的写法
    function add2(a,b=1){
        return a+b;
    }
    //调用add2方法，只给a参数传值
    console.log(add2(20));
</script>

2、箭头函数

        <script>
        var fun1 = function(a,b){
            console.log(a+b);
        }
        fun1(10,20);

        //箭头函数等同于常规函数
        //方法体内只有一行
        var fun2 = (a,b) => console.log(a+b);
        fun2(1,2);

        //方法体内有多行
        var fun3 = (a,b) =>{
            c = a + b;
            console.log(c);
        }
        fun3(10,10);

    </script>

3、箭头函数+解构表达式

    <script>
        
        let person  = {
            name:"lisi ",
            age:16
        };

        //一般写法
        var fun1 =(person) => console.log(person.name);
        fun1(person);

        //解构表达式写法
        var fun2 = ({name}) => console.log(name);
        fun2(person);

    </script>