箭头函数

箭头函数

1. this是静态的，永远指向函数声明时所在作用域的this值，比如在全局作用域下，箭头函数的this就是window；

2. 箭头函数没有构造函数；

3. 箭头函数没有参数arguments；

4. 箭头函数的还可以进一步简写：

​ 1). 当且仅当只有一个参数时，可以省略小括号；

​ 2). 当且仅当函数体只有一条语句时，可以省略花括号，如有return关键字，也可省略。

 <!-- 没使用箭头函数 -->
    <script>
        let fn = function(a,b){
            return a+b;
        }
        let result = fn(1,2);
        console.log(result);
    </script>

    <!-- 使用箭头函数 -->
    <script>
        let f = (a,b) => {
         return a+b;
        }
        let res = fn(1,2);
        console.log(res);   
    </script>

    <!-- 简写箭头函数 -->
    <script>
    //    let add = (n) => {
    //     return n + n;
    //    };
        let add = n => n + n ; 
        console.log(add(8)); //8 + 8 = 16
    </script>

总结：箭头函数不适给绑定事件，this会指向window对象。