在日常的前端开发中，我们经常需要评估我们代码的复杂度，以便更好地进行代码优化及维护。而 complexity-marker 是一个非常有用的 npm 包，其可以帮助我们更好地评估我们的代码的复杂度。本文将详细介绍 complexity-marker 的使用，包括：安装、配置、使用范例等。
安装
使用 npm 可以非常方便地安装 complexity-marker，打开终端，输入以下命令即可进行安装：
$ npm install -g complexity-marker
配置
首先，我们需要在我们的项目中创建一个 .complexityrc.json 文件。 在这个文件中，我们可以配置我们的某些参数，例如我们想要标识的复杂度为什么，或者我们想要标记的最小复杂度值。下面是一个完整的配置文件的例子：
-- -------------------- ---- -------
-
---------------- --
-------------- -
-
------- ----------------------
------------- -
-
-
-我们可以看到在这个例子中，我们设置了最小复杂度为 3，而且我们定义了一个 'FunctionDeclaration' 的标识符，其复杂度为 5。
使用
借助于 complexity-marker，我们可以很顺畅地扫描我们的代码并给出有用的复杂度提示。使用以下命令可以扫描我们的代码并给出提示：
$ complexity-marker scan path/to/your/js/files
下面是一些代码范例，以便更好地理解：
（1）函数内部的操作过于复杂的例子：
function calculate(a, b) {
let x = a + b;
for(let i = 0 ; i < 10 ; i++) {
if(i === x) {
console.log("matches!");
}
}
}运行 complexity-marker scan 命令后，我们可以看到以下输出：
matches! [4.4 tokens] in /path/to/your/file.js:1:0
从输出结果来看，我们的函数 'calculate' 内部的操作过于复杂。
（2）复杂度低的例子：
function calculate(a) {
return a + 1;
}我们运行 complexity-marker scan 命令后，这次我们没有看到任何输出，因为我们的代码非常简单，复杂度低。
（3）使用配置文件的例子：
在我们的配置文件中，我们已经定义了标识符 'FunctionDeclaration' 的复杂度为 5。 当我们的代码中的函数复杂度超过 5 时，我们的 complexity-marker 就会给出警告。
function calculate(a, b) {
if(a === b) {
console.log("Same numbers!");
} else {
console.log("Different numbers!");
}
}我们运行 complexity-marker scan 命令后，我们可以看到以下输出：
Different numbers! [6.2 tokens] in /path/to/your/file.js:1:0
很显然，这个函数中包含了一个 if 语句，复杂度超过了 5。
总结
本文介绍了 complexity-marker 这个非常有用的 npm 包，其可以帮助我们更好地评估我们的代码的复杂度。通过简单的安装和配置过程，我们可以使用这个包。在使用过程中，我们可以通过运行 complexity-marker scan 命令来扫描我们的代码，并根据我们的设置输出复杂度提示。同时，示例代码也生动地展示了 complexity-marker 如何工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005731381e8991b448e93d4