js中箭头函数的写法-js教程-PHP中文网

js中箭头函数的写法

下次还敢

发布： 2024-05-01 07:33:16

原创

1186人浏览过

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

js中箭头函数的写法

JavaScript 箭头函数的写法

箭头函数是 JavaScript 中引入的一种简写函数语法，它可以让代码更简洁、易读。

写法

箭头函数的写法如下：

<code>(parameters) => expression</code>

登录后复制

其中：

parameters：函数的参数列表（可以省略）。
expression：函数体，通常是一个表达式（可以省略大括号和 return 语句）。

示例

以下是一个箭头函数的示例：

<code>const sum = (a, b) => a + b;</code>

登录后复制

这个函数接受两个参数 a 和 b，并返回它们的和。

移动端无限滚动加载瀑布流

里面有2个文件夹。其中这个文件名是:finishing，是我项目还没有请求后台的数据的模拟写法。请求后台数据之后，瀑布流的js有一点点变化，放在文件名是：finished。变化在于需要穿参数到后台，和填充的内容都用后台的数据填充。看自己项目需求来。由于chrome模拟器是不允许读取本地文件json的，所以如果你要进行测试，在hbuilder打开项目就可以看到效果啦，或者是火狐浏览器。

查看详情

特点

箭头函数具有一些特点：

简洁：箭头函数比传统函数更简洁，因为它省略了大括号和 return 语句。
绑定：箭头函数使用词法作用域，而不是动态作用域，因此它始终绑定到定义它的上下文。
无 this 绑定：箭头函数没有自己的 this 绑定，而是继承其外层函数的 this 绑定。

与传统函数的比较

下表比较了箭头函数和传统函数：

特征	箭头函数	传统函数
语法	(parameters) => expression	function (parameters) { ... }
简洁性	更简洁	更冗长
作用域	词法	动态
`this` 绑定	继承外层函数	自己的 `this` 绑定