箭头函数ES6

ES6 允许使用“箭头”（=>）定义函数。

       function fun(a,b) {
            // 普通函数
        }

        // 箭头函数
        let fun1=(a,b)=>{
            console.log(a,b);
        }
        fun1(1,2)

箭头函数的简写形式：

        function fun(a,b) {
            // 普通函数
        }

        // 箭头函数
        let fun1=(a,b)=>{
            console.log(a,b);
        }
        fun1(1,2)

        // 箭头函数简写形式:

        // 1. 当箭头函数有且只有一个参数时，放参数的圆括号可以省略
        fun1=a=>{
            console.log(a);
        }

        // 2. 当箭头函数中的语句有且只有一句的时候，可以省略花括号
        fun1=a=>console.log(a);

        // 3. 当箭头函数有且只有一条语句并且时return时，return也可以省略
        fun1=a=>a;
        // fun1=(a)=>{return a};

        // 4. 如果返回值时个对象，那么就不能省略return和花括号
        // 不能识别到底是对象还是函数代码块
        // fun1=a=>{x:a};
        // console.log(fun1(111));//undefined
        fun1=a=>{return {x:a}};
        fun1=a=>({x:a});//也可以用添加圆括号处理

箭头函数的作用：

多数是用于简化代码

    setTimeout(()=>{},1000)

与普通函数的区别：

1.箭头函数中没有arguments

        fun1=a=>{
            console.log(a);
            console.log(arguments);//undefined  箭头函数中没有arguments

        }

2.箭头函数没有this

         找箭头函数this的指向：找离箭头最近的function中的this指向，因为箭头函数中没有this，所以箭头函数不能够作为构造函数使用，不能用new调用（new的功能之一是修改this

        fun1=a=>{
            console.log(a);
            console.log(this);//函数没有但是沿着原型对象找，全局中有this
            // 打印window
        }
        fun1();
        let obj={
            fun1
        }
        obj.fun1();//此时的this还是指向window  箭头函数没有this

综合举例：

        function Timer() {
            this.s1 = 0;
            this.s2 = 0;
            // 箭头函数，函数中的this沿着作用域找，是Timer的实例对象
            setInterval(() => this.s1++, 1000);//箭头函数没有this，箭头函数在构造函数中创建，用的是离他最近的function的this
            // 普通函数setInterval的this指向全局
            setInterval(function () {//定时器中传入的函数this都指向window（会被修改）
                this.s2++;
            }, 1000);
            }
            var timer = new Timer();
            setTimeout(() => console.log('s1: ', timer.s1), 3100);//3
            setTimeout(() => console.log('s2: ', timer.s2), 3100);//0