你们好，最近小活发现有诸多的小伙伴们对于箭头函数的this，箭头函数这个问题都颇为感兴趣的，今天小活为大家梳理了下，一起往下看看吧。

1、基本示例

(资料图片)

2、如下所示：

3、可以看到，使用箭头函数时，不需要写函数名和函数关键字，只需要写【函数的参数表=函数体】。

4、成分

5、js箭头函数主要分为三个部分。

6、=前一部分[参数部分]

7、=

8、=在[函数体部分]之后的部分

9、之前的部分=

10、=之前的部分是函数的参数部分，主要包括以下几种情况：

11、1.参数为空(只写一个空括号)

12、()=

13、2.只有一个参数a(只写a或者给a加个括号)

14、(a)=或a=

15、3.有多个参数a，b，c，d(必须写在括号内)。

16、(a,b,c,d)=

17、4.带有默认值的参数(就像以前一样，直接给参数赋值)

18、(a=1，b=2，c=3，d=4)=

19、5.包含不确定的参数(就像以前一样直接写)

20、(a，b，…c)=

21、6.另外箭头函数参数也支持解构赋值。

22、=

23、=后的部分，也就是函数体，应该有以下几种情况：

24、1.函数体只有一条语句。

25、写作：=语句；

26、A.当函数体只有一条语句时，可以直接把这条语句写在箭头后面，不用花括号。

27、b然后，如果这个语句是returnvalue，请去掉return，直接写值。在箭头函数执行时，会自动返回作为返回值。

28、C.当然，如果这个值是一个对象，请在它外面加上一个括号比如({value})，因为如果不加，{会被认为是函数体的开头，而不是对象的开头。

29、2.有多个句子(带花括号，写法和以前一样)

30、={

31、陈述1；

32、声明2；

33、声明3；

34、}

35、:这个在箭头函数

36、箭头函数将捕获其上下文(即定义的位置)的this值作为其自己的this值。

37、对于一个函数，

38、 如果通过new fn的形式得到的实例对象，可以让this进行指向。

39、 如果是直接进行调用执行的haul，this一般执行window，因为此时没有所谓的实例对象

以上就是箭头函数这篇文章的一些介绍，希望对大家有所帮助。