在前端开发中，TypeScript 越来越受到欢迎，它不仅可以提供类型检查，还可以让代码更加可读可维护。但是，在 TypeScript 代码中也会出现一些语法错误或者一些不规范的代码写法，这就需要我们使用一些工具来帮助我们检查代码。
@typescript-eslint/experimental-utils 就是一款为 TypeScript 代码提供静态分析的 npm 包，它可以帮助开发者找出代码中的潜在问题，并提供更好的代码规范。
安装和配置
安装 @typescript-eslint/experimental-utils 可以使用 npm 命令：
--- ------- -------------------------------------
同时，我们需要安装一些依赖：
--- ------- ------ ------------------------- -------------------------------- ----------
在安装完成后，我们需要对 .eslintrc.js 进行配置。我们需要将 @typescript-eslint/parser 作为解析器，同时需要将 @typescript-eslint/eslint-plugin 作为插件。
-------------- - -
------- ----------------------------
-------- -----------------------
-------- -
----------------------------------------
--
--这样，我们就可以在代码中使用 @typescript-eslint/experimental-utils 进行静态分析了。
使用方法
@typescript-eslint/experimental-utils 提供了很多有用的工具函数，比如 createRule、createRuleTester、getParserServices 等等。这些函数都可以帮助开发者更加方便地自定义规则。
我们来看一个例子，在 TypeScript 代码中使用非空断言符号（!）时，会存在一些潜在的问题，比如类型检查不严格等等。我们可以自定义一个规则，禁止在代码中使用非空断言符号。
------ - ---------- - ---- ----------------------------------------
------ ----- ----------------- - ------------
----- -----------------------
----- -
----- ----------
----- -
------------ ---------- --- --- -- --- ------------ --------- ----------
--------- --------- --------
------------ -----
--
-------- -------
------- ---
--
--------------- ---
--------------- -
----- ---------- - ------------------------
------ -
------------------------- -
----------------
-----
-------- ----------- --- -- -------- --------- -----------
---------- -
----- ---- - ------------------------------------
------ ----------------------- ---------- -- -----------------------
--
---
--
--
--
---上述代码中，我们使用了 createRule 函数来创建了一个规则 no-non-nullable-bang。其中，TSNonNullExpression 是一个回调函数，当代码中出现了非空断言符号时，该函数就会被调用，从而对代码进行检测和修复。
现在，我们已经成功地创建了一个自定义规则，接下来还需要对该规则进行测试，确保能够正确地检测代码中的非空断言符号。
------ - ---------- - ---- ----------------------------------------
------ - ----------------- - ---- -------------------------
----- ---------- - --- ------------
------- ---------------------------------------------
-------------- -
------------ -----
----------- ---------
--
---
-------------------------------------- ------------------ -
------ -
-
----- ------ -- ------ - ---- - -------
--
--
-------- -
-
----- ------ -- ------- - ----------
------- ------ -- ------------------- - ----------
------- -
-
---------- ----------------
--
--
--
--
---通过 RuleTester 对我们定义的规则 no-non-nullable-bang 进行测试。我们定义了一组可通过和一组不可通过的测试数据，同时为不可通过的测试数据定义了期望输出的错误信息。
总结
@typescript-eslint/experimental-utils 可以帮助我们更加方便地分析 TypeScript 代码，同时也为我们提供了自定义规则的功能。通过本文的介绍，我们可以掌握 npm 包的安装方法和配置方法，进而了解了如何使用常用的工具函数来自定义规则。需要注意的是，不要滥用自定义规则，应该根据实际需求来使用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/99321