在 JavaScript 代码中经常会使用箭头函数，使代码更简洁优雅。但是，如果在箭头函数中再使用箭头函数，可能会导致代码可读性下降，维护难度增加，这就是所谓的“Arrowception”问题。
为了解决这个问题，Hapi 社区开发了一个 npm 包 @hapi/rule-no-arrowception，用于检测代码中是否存在 Arrowception，从而避免这类不必要的嵌套。
安装和使用方法
首先，我们需要在项目中安装 @hapi/rule-no-arrowception：
--- - -- --------------------------
安装完成后，我们可以在 .eslintrc 文件中添加该规则：
-
-------- -
------------------------ -------
-
-此时，如果代码中存在 Arrowception，就会在代码编辑器或终端中提示错误，防止产生不必要的嵌套。
示例代码
下面是一个简单的示例代码，展示如何使用 @hapi/rule-no-arrowception 进行检测：
-- -------
----- ----- - -- -- -
----- ----- - -- -- -
----- ----- - -- -- -
-----------------------------
--
--------
--
--------
--
--------这段代码中，存在三层的箭头函数嵌套，即 Arrowception 问题。当我们在编辑器中使用 eslint 检测时，会得到以下提示：
------ ----- -------- --- ----- --------- -----------------
这表明代码中存在 Arrowception，需要进行修改。
修改方法可以是将箭头函数拆分出来，形成多个独立的函数：
----- ----- - -- -- - ----------------------------- -- ----- ----- - -- -- - -------- -- ----- ----- - -- -- - -------- -- --------
这样就避免了 Arrowception，代码也更加易读、易维护。
总结
通过使用 @hapi/rule-no-arrowception，我们可以避免 JavaScript 代码中出现 Arrowception 问题，提高代码可读性、可维护性。
在实际使用中，只需要在项目中安装该 npm 包，并在 .eslintrc 文件中添加相关规则即可。当代码中存在 Arrowception 时，就会自动提示错误信息，方便我们及时发现和解决问题。
当然，避免 Arrowception 问题并不是万能的，对于代码的精简、优化等方面还需要我们进行更深入的思考和学习。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/rule-no-arrowception-hapi