ES6 箭头函数

规则：
1、如果说箭头函数只有一个参数的时候可以省略小括号，没有参数或者多个参数不能省略小括号
2、如果说箭头函数的函数体只有一句话的时候可以省略大括号 并且会自动将这个结果当做返回值返回
3、箭头函数中是没有this,那么它在使用this的时候，看上一层this是谁它里面的this就是谁
4、箭头函数不能当作构造函数来使用 原因就是它没有this
5、箭头函数不能修改this指向  原因就是它没有this

<script>
        // 箭头函数的基本使用
        let fn1 = (n1, n2) => {
            return n1 + n2
        }
        console.log(fn1(1, 2)); // 3

        // 如果说箭头函数只有一个参数的时候可以省略小括号，没有参数或者多个参数不能省略小括号
        let fn2 = n1 => {
            return n1
        }
        console.log(fn2(1)); // 1

        // 如果说箭头函数的函数体只有一句话的时候可以省略大括号 并且会自动将这个结果当做返回值返回
        let fn3 = n1 => console.log(n1);
        let fn4 = (n1, n2) => n1 + n2;
        fn3(5) // 5
        console.log(fn4(5, 6)); // 11

        // 箭头函数中是没有this,那么它在使用this的时候，看上一层this是谁它里面的this就是谁
        let o = {
            name: '张三',
            sayHi: () => console.log(this)
        }
        o.sayHi(); // window

        // 箭头函数不能当作构造函数来使用 原因就是它没有this

        let Fun = () => {
            console.log(1);
        }
        new Fun; // 报错

        // 箭头函数不能修改this指向  原因就是它没有this
        let o1 = {
            name: '张三',
            sayHi: () => console.log(this)
        }
        const fun1 = () => {
            console.log(this);
        }
        fun1.call(o1)  // window
    </script>