箭头函数:ES6标准新增了一种新的函数
Arrow Function(箭头函数)
- 箭头函数写法:比较简洁
- 箭头函数说明:
- 箭头左边为传入参数,右边为函数体
- 参数:当传入参数只有一个时可以不写括号直接写参数
- 参数:当没有参数或者参数为二个以上时,需要加上括号
- 函数体:当函数体没有返回值时,需要加上大括号
- 函数体:当函数体有返回值时,不需要加上大括号
( )=> { }
- 箭头的左边为传入的参数,当传入的参数为多个时需要加上括号
- 箭头右边有括号时,是没有返回值(相当于没有return)
- Array.map() 返回一个新数组
-
对比一下 function 函数,情况都是一样的
-
有返回值的情况:数组里的值都乘以2.返回一个新的数组,对比一下箭头函数
-
箭头函数有返回值的情况:数组和上面一样
-
当箭头函数的函数体需要做复杂的逻辑处理最后还返回一个结果
-
加上大括号,在大括号里面做逻辑判断,最后用return 返回结果即可
-
注意点:
-
在箭头函数内部是没有 this 的,它的 this 就是父级的 this ,使用function函数
-
箭头函数不能作为构造函数使用,因为箭头函数不能使用new 会报错,使用function函数
-
箭头函数没有arguments
-
可以使用rest代替arguments
-
…三个点代表展开运算符,{name:“zs”,age:19} 同等于大括号拆除