箭头函数是一种简写函数语法,写法为:(parameters) => expression,特点包括简洁、使用词法作用域绑定,无自己的 this 绑定。与传统函数相比,箭头函数更简洁、词法作用域绑定,无 this 绑定。箭头函数通常用于回调函数、简洁函数和词法作用域的函数。

JavaScript 箭头函数的写法
箭头函数是 JavaScript 中引入的一种简写函数语法,它可以让代码更简洁、易读。
写法
箭头函数的写法如下:
(parameters) => expression
其中:
-
parameters:函数的参数列表(可以省略)。 -
expression:函数体,通常是一个表达式(可以省略大括号和return语句)。
示例
以下是一个箭头函数的示例:
const sum = (a, b) => a + b;
这个函数接受两个参数 a 和 b,并返回它们的和。
里面有2个文件夹。其中这个文件名是:finishing,是我项目还没有请求后台的数据的模拟写法。请求后台数据之后,瀑布流的js有一点点变化,放在文件名是:finished。变化在于需要穿参数到后台,和填充的内容都用后台的数据填充。看自己项目需求来。由于chrome模拟器是不允许读取本地文件json的,所以如果你要进行测试,在hbuilder打开项目就可以看到效果啦,或者是火狐浏览器。
特点
箭头函数具有一些特点:
-
简洁:箭头函数比传统函数更简洁,因为它省略了大括号和
return语句。 - 绑定:箭头函数使用词法作用域,而不是动态作用域,因此它始终绑定到定义它的上下文。
-
无
this绑定:箭头函数没有自己的this绑定,而是继承其外层函数的this绑定。
与传统函数的比较
下表比较了箭头函数和传统函数:
| 特征 | 箭头函数 | 传统函数 |
|---|---|---|
| 语法 | (parameters) => expression | function (parameters) { ... } |
| 简洁性 | 更简洁 | 更冗长 |
| 作用域 | 词法 | 动态 |
this 绑定 |
继承外层函数 | 自己的 this 绑定 |
何时使用箭头函数
箭头函数通常用于以下情况:
- 回调函数(例如
Array.map) - 简洁的函数
- 需要词法作用域的函数









