找到死 JavaScript 代码？

Question

我们正在重构一个遗留的 Web 应用程序，结果“杀死”了相当多的 JavaScript 代码，但我们担心由于不确定而删除我们认为是死代码的内容。有没有任何工具/技术可以主动识别 JavaScript 中的死代码？

Answer 1

无需寻找任何太复杂的东西：

• JSLint （不是真正的静态分析器，但如果你给它你的串联开发代码，您将看到哪些方法从未被调用过，至少在明显的作用域上下文中是这样）
• Google Closure Compiler
• Google Closure Linter

Answer 2

您可以使用 deadfile 库：
https://m-izadmehr.github.io/deadfile/

它可以简单地找到未使用的文件，在任何 JS 项目中。

无需任何配置，它支持 ES6、JSX 和 Vue 文件：

Answer 3

有grep。用它来查找函数调用。假设您有一个名为 dostuff() 的方法。在项目的根目录中使用 grep -r "dostuff()" * --color 。除非您发现定义以外的任何内容，否则您可以安全地删除它。

ack 也是 grep 的一个著名替代品。

Answer 4

JetBrains 的 WebStorm IDE 可以突出显示项目中的死代码和未使用的变量。

Answer 5

您可以将代码优化器用作 Google Closure 编译器，但它通常用于最小化代码。

function hello(name) {
alert('Hello, ' + name);
}

function test(){
alert('hi');
}

hello('New user');

将导致

alert("Hello, New user");

例如。

您可以做的另一件事是使用 Chrome 的开发人员工具（或 Firebug）来查看所有函数调用。在配置文件下，您可以看到哪些函数随着时间的推移被调用，哪些没有被调用。

Answer 6

Chrome 推出了新功能，可以让开发人员查看代码覆盖率，即执行了哪些代码行。

这当然不是一站式解决方案，但可以帮助开发人员获得代码见解。

检查此链接了解详细信息

作为 Chrome 59 版本的一部分推出

链接 了解详细信息sstatic.net/ruldR.png" rel="noreferrer">

Answer 7

如果你想自动化这个我会看看 https://github.com/joelgriffith/navalia，它公开了一个自动化 API 来执行此操作：

const { Chrome } = require('navalia');
const chrome = new Chrome();

chrome.goto('http://joelgriffith.net/', { coverage: true })
  .then(() => chrome.coverage('http://joelgriffith.net/main.bundle.js'))
  .then((stats) => console.log(stats)) // Prints { total: 45913, unused: 5572, 
  percentUnused: 0.12135996340905626 }
  .then(() => chrome.done());

更多信息：https://joelgriffith .github.io/navalia/Chrome/coverage/

Answer 8

我讨厌这个问题，并且没有好的工具来解决它，尽管 javascript 生态系统有大量的解析。正如另一个答案中提到的，deadfile 非常简洁，但我无法让它适用于我的代码库，它使用来自 src 目录的绝对导入。下面的 bash 足以了解是否有任何文件未在任何地方导入（我发现了一些！），这很容易手动验证。

for f in $(find src -name '*.js' | grep -E 'src/(app|modules|components).*\.js
我不关心测试/资源，因此应用程序|模块|组件位。字符串替换也可以被显着清理，但希望这对某人有用。
 | grep -v '.test.js'); do
  f=${f/src\//};
  f=${f/\/index.js/};
  f=${f/.js/};

  echo "$f imported in"$(grep -rl "$f" src | wc -l)" files"
done

我不关心测试/资源，因此应用程序|模块|组件位。字符串替换也可以被显着清理，但希望这对某人有用。