JS 箭头函数 =＞

箭头函数介绍

箭头函数是一种声明函数的简洁语法，它与普通函数并无本质的区别，差异性更多体现在语法格式上。

目的 : 引入箭头函数的目的是更简短的函数写法并且不绑定this，箭头函数的语法比函数表达式更简洁

使用场景 : 箭头函数更适用于那些本来需要匿名函数的地方

箭头函数基本语法

//1. 箭头函数 基本语法
const fun = () => {
     console.log(123)
}


//这个箭头函数相当于下面这个普通函数
 const fn = function () {
   console.log(123)
 }
    

一些特殊语法 

1、只有一个形参的时候，可以省略小括号

2、 只有一行代码的时候，我们可以省略大括号

3、 只有一行代码的时候，可以省略return

 4、箭头函数可以直接返回一个对象 

总结：

1. 箭头函数属于表达式函数，因此不存在函数提升
2. 箭头函数只有一个参数时可以省略圆括号 ()
3. 箭头函数函数体只有一行代码时可以省略花括号 {}，并自动做为返回值被返回

箭头函数参数

箭头函数中没有 arguments，只能使用 ... 动态获取实参

箭头函数 this

箭头函数不会创建自己的this,它只会从自己的作用域链的上一层沿用this。

在开发中【使用箭头函数前需要考虑函数中this 的值】，事件回调函数使用箭头函数时，this为全局的 window，因此DOM事件回调函数为了简便，还是不太推荐使用箭头函数