在JavaScript中,这个符号 =>
是箭头函数的语法标识,是ES6版本新增加的一种函数声明方式。它可以简化函数的书写形式,使得代码更加简洁易读。
箭头函数的语法
箭头函数的语法格式如下:
(param1, param2, ..., paramN) => { statements }
其中:
(param1, param2, ..., paramN)
是参数列表,可以有0个或多个参数。=>
是箭头符号,表示函数体开始。{ statements }
是函数体,包含了一些要执行的语句。
如果函数体只有一条语句,可以省略{}
和return
关键字:
(param1, param2, ..., paramN) => expression
其中,expression
就是要返回的值。
箭头函数的特点
相比较普通函数,箭头函数具有以下几个特点:
- 更加简洁:箭头函数的语法非常简洁,可以省略
function
和return
关键字。 - 没有自己的
this
:箭头函数内部的this
指向外层作用域的this
,而不是指向函数自身。 - 不能使用
arguments
对象:由于箭头函数没有自己的this
,所以也不能使用arguments
对象来获取传入的参数。 - 不能当做构造函数使用:箭头函数没有自己的
this
,也没有prototype
属性,因此不能当做构造函数使用。
箭头函数的示例
下面是一些箭头函数的示例代码:
-- -------------------- ---- ------- -- ---- -------- ------ -- - ------ - - -- - -- ---- --- --- - --- -- -- - - -- -- ---- -------- -------- - ------ --------- - -- ---- --- ------ - -- -- --------- -- ---- -------- ----- - --- ----- - -- --- ---- - - -- - - ----------------- ---- - ----- -- ------------- - ------ ------ - -- ---- --- --- - --------- -- --------------- -- -- - - ---
总结
箭头函数是ES6中新增加的一种函数声明方式,具有简洁易读、更加灵活等优点。但是由于它没有自己的this
和不能使用arguments
对象等特点,需要开发者在实际应用中注意区别使用。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/11355