箭头函数

发布时间 2023-12-23 16:36:45作者: 郭培鑫同学

箭头函数


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对象。