箭头函数的this(箭头函数的this指向 阮一峰)

你们好，最近小活发现有诸多的小伙伴们对于箭头函数的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，因为此时没有所谓的实例对象

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