npm 包 eslint-plugin-you-dont-need-lodash-underscore 使用教程

如果你正在使用 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


猜你喜欢

  • npm 包 mocha-as-promised 使用教程

    背景 在前端开发中,测试是不可或缺的一部分。而 mocha 是一个常用的 JavaScript 测试框架,可以用于编写各种类型的测试。但是,有时候我们需要测试异步代码,这时候 mocha 就显得有些力...

    6 年前
  • npm 包 nodeify 使用教程

    Nodeify 是一个 NPM 包,它可以将使用 ES6 模块化语法编写的代码转换为使用 Node.js CommonJS 模块化语法的代码。这个工具对于兼容旧版本 Node.js 应用程序和库是非常...

    6 年前
  • npm 包 json-future 使用教程

    简介 json-future 是一个 Node.js 的 npm 包,它可以帮助开发者将 JSON 文件转成 ES6 模块格式的 JavaScript 文件。这个包的优点是使用方便,同时支持 JSON...

    6 年前
  • npm 包 git-authors-cli 使用教程

    简介 git-authors-cli 是一个可用于在 git 项目中列出所有作者的命令行工具。它使用 Node.js 编写,可以通过 npm 安装和使用。 使用 git-authors-cli 可以帮...

    6 年前
  • npm 包 acho-skin-cli 使用教程

    简介 acho-skin-cli 是一个基于 Node.js 的命令行工具,可以帮助前端开发者快速创建漂亮的控制台输出皮肤。该工具提供了多种内置风格,并且支持用户自定义。

    6 年前
  • npm 包 json-is-equal 使用教程

    简介 json-is-equal 是一个用于比较两个 JSON 对象是否相等的 npm 包。它提供了一种简单且可靠的方法来测试你的 JavaScript 代码是否按预期处理 JSON 数据。

    6 年前
  • npm 包 `existential` 使用教程

    在前端开发中,我们经常需要判断某个值是否为 null 或 undefined。这个过程可能会写一些冗长的代码或者使用一些 lodash 等库来简化操作。但是现在有一个更好用的工具——npm 包 exi...

    6 年前
  • npm 包 existential-default 使用教程

    如果你在编写 JavaScript 或 TypeScript 代码时,经常需要检查变量是否为 null 或 undefined,并实现相应的默认值逻辑,那么 npm 包 existential-def...

    6 年前
  • npm 包 sort-keys-recursive 使用教程

    sort-keys-recursive 是一个在 JavaScript 中使用的 npm 包,可以对嵌套的 JSON 对象进行递归排序。本文将详细介绍如何安装和使用该包,并提供一些示例代码。

    6 年前
  • npm 包 finepack 使用教程

    在前端开发中,我们经常需要使用各种各样的包来完成不同的任务,而 npm 是一个广泛使用的包管理器,可以方便地安装和管理这些包。finepack 是一个在 npm 上可用的包,它允许你轻松地管理项目中的...

    6 年前
  • JavaScript NaN 属性

    在 JavaScript 中,NaN 是一个特殊的值,代表着“Not a Number”,表示一个值不是有效的数字。当某个操作无法返回有效的数字时,就会返回 NaN。

    6 年前
  • npm 包 parse-config-file 使用教程

    介绍 parse-config-file 是一个 Node.js 的 npm 包,它可以帮助开发者在项目中轻松解析配置文件。它支持 JSON、YAML、INI 等多种格式的配置文件,且使用非常简单方便...

    6 年前
  • npm 包 yaml-parser 使用教程

    YAML 是一种常用的数据序列化格式,常用于配置文件和数据交换。yaml-parser 是一个支持解析 YAML 格式文本的 npm 包,可以帮助前端开发者快速地读取、编辑和存储 YAML 格式数据。

    6 年前
  • npm 包 npm-paths 使用教程

    简介 npm-paths 是一个 npm 模块,用于获取 Node.js 应用程序中与 NPM 包管理器相关的路径。它可以帮助开发人员了解他们在应用程序中使用的依赖项的位置,并提供方便的访问方式。

    6 年前
  • npm 包 resolve-up 使用教程

    在前端开发中,我们经常需要引用一些外部的包或模块,而这些模块可能会有依赖关系。npm 是一个非常流行的 JavaScript 包管理器,可以帮助我们解决依赖关系问题。

    6 年前
  • npm 包 bumped 使用教程

    在前端开发中,管理 npm 包的版本是一个重要的任务。bumped 是一个能够自动更新你的 npm 包版本号的工具,能极大地简化这个过程。 安装 bumped 使用以下命令安装 bumped: ---...

    6 年前
  • npm 包 jest-css-modules 使用教程

    介绍 在前端开发中,我们通常使用 CSS 模块化来管理样式文件。而在进行前端自动化测试时,需要对样式的正确性进行验证。jest-css-modules 是一个基于 Jest 的插件,可以帮助我们在 J...

    6 年前
  • NPM 包 express-handlebars 使用教程

    express-handlebars 是一个基于 Handlebars 模板引擎的 Express.js 视图渲染器,它可以帮助您更轻松地创建动态网站。 本文将介绍如何安装和使用 express-ha...

    6 年前
  • npm 包 jest-localstorage-mock 使用教程

    简介 jest-localstorage-mock 是一个 npm 包,为 Jest 提供了一个本地存储(LocalStorage)的模拟环境。它可以帮助开发者在测试中模拟 localStorage ...

    6 年前
  • npm 包 react-docgen 使用教程

    在 React 开发中,通常需要编写大量组件,并且这些组件往往需要文档化。手写文档是一项费时费力的任务,而 react-docgen 可以帮助我们自动生成文档。 什么是 react-docgen re...

    6 年前

相关推荐

    暂无文章