如果你正在使用 lodash 或者 underscore,那么你可能会想要使用 eslint-plugin-you-dont-need-lodash-underscore 来帮助你检查你的代码中是否存在可以直接使用原生 JavaScript 实现的功能。
安装
首先,你需要在你的项目中安装 eslint 和 eslint-plugin-you-dont-need-lodash-underscore:
--- ------- ---------- ------ ---------------------------------------------
配置
然后,在你的 .eslintrc 配置文件中添加以下代码:
- ---------- - --------------------------------- -- -------- - --------------------------------------------------------- -------- ----------------------------------------------------- -------- --------------------------------------------------------- -------- ---------------------------------------------------- -------- --------------------------------------------------- -------- -------------------------------------------------------------- -------- ------------------------------------------- ------- - -
这将启用该插件,以及其中的所有规则。
规则说明
以下是该插件中包含的规则说明。
no-unnecessary-wrapper
避免使用不必要的 lodash 或 underscore 封装方法。
-- ------ --------- -- --- - -- - - --- -- ----- --- -- -------- -- - - ---
no-extra-arguments
避免在 underscore 和 lodash 方法中使用多余的参数。
-- ------ --------------- -- --- - -- - - -- ----- -- ----- --------------- -- --- - -- - - ---
no-extra-iteratee-args
避免在 underscore 和 lodash 方法中使用多余的迭代函数参数。
-- ------ ----------------- ------ ---- ---- ------ -------- ---- ----- --------- ------ ------ ----------- -- ---------- -- ----- ----------------- ------ ---- ---- ------ -------- ---- ----- ----------
no-extra-decimals
避免使用不必要的小数位数,以及可能导致精度问题的复杂运算。
-- ------ -------------- --- -- ----- ---------------- - ---- - ----
no-extra-matches
避免使用多余的正则表达式匹配。
-- ------ ---------------- -------- ------ ----- -- ----- ------ ---------------------- -----
no-extra-underscore-methods
避免对数组或对象进行不必要的 lodash 或 underscore 方法调用。
-- ------ -------------- -- ---- -- ----- --------- --- -- -- ----
no-chain
避免使用链式调用,以及可能导致性能问题的链式调用。
-- ------ -------- ------------ -- ----------- --- -------- --------- -- ----------- ---------- ------- -------- -- ----- ----- ------------ -- ----------- --- -------- --------- -- ----------- ------- --------------- ------ ----- -- ------------------- --- ------
示例代码
下面是一个使用该插件的示例代码。
----- ----- - - - ------ ----- --- ------- -------- ------- --- -- - ------ ----- --- ------- ------ ------- --- -- - ------ ----- --- ------- -------- ------- --- - -- -- ------ ----- ------- - -------------- ------------ -- ----------- --- -------- --------- -- ----------- ---------- ------- --------- -- ----- ----- ------- - ----- ------------ -- ----------- --- -------- --------- -- ----------- ------- --------------- ------ ----- -- ------------------- --- ------- --------------------- -- ------ --- ----- --- --------------------- -- ------ --- ----- ---
总结
通过使用 eslint-plugin-you-dont-need-lodash-underscore,我们可以避免不必要的 lodash 和 underscore 方法调用,提高代码的可读性和性能。同时,我们也可以更好地理解 JavaScript 标准库的使用。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/56737