详解怎么检测和防止JavaScript死循环

前言

JavaScript中的死循环是如何产生的呢？在实际编写代码时，由于疏忽或遗漏关键逻辑，很容易写出导致死循环的代码，例如下面的示例。

如果遗漏了 i++ 这一自增操作，就会形成死循环。其后果如何，读者可自行尝试运行以验证。

死循环指的是一段无法正确终止循环条件的JavaScript代码。

无限循环具有危险性，因为它可能导致运行环境（如浏览器或Node.js服务器）崩溃，甚至使计算机冻结、停止响应。

for和while语句是引发无限循环的常见原因，本教程将帮助读者了解如何检测和修复由这些语句引起的无限循环问题。

首先从修复for语句中的无限循环开始讲解。

在 for 语句中修复无限循环

当for语句中错误地将赋值运算符而非比较运算符用于第二个表达式（即条件表达式）时，可能导致无限循环。

以下是一个会导致无限循环的for语句示例，请注意第二个表达式中使用了 i = 10。

for (let i = 0; i = 10; i++) {
  console.log("Infinite loop");
}

该for语句要求第二个表达式的计算结果为false以终止循环。在上述示例中，条件表达式使用了赋值运算符 i = 10，而非比较运算符如 i < 10 或 i > 10。

由于赋值运算符的计算结果始终为true，该for语句会持续向控制台打印“Infinite loop”，这可能导致计算机死机。

要修复上述for语句，需将第二个表达式替换为能使for语句终止的条件。例如，使用比较运算符（<=, <, >, >=）。

// the second expression is replaced with <
for (let i = 0; i < 10; i++) {
  console.log("Infinite loop");
}

此类错误还有另一种表现形式，即第一个表达式和第二个表达式共同导致无限循环。

for (let i = 5; i > 0; i++) {
  console.log("Infinite loop");
}

从上述代码可以看出，只要变量 i 大于0，循环就会持续执行。

由于 i 在初始化时的值已经大于0，第二个表达式将始终计算为true，从而导致无限循环。

为了修复上述代码，第三个表达式必须改为减少 i 的值，而不是增加它。

for (let i = 5; i > 0; i--) {
  console.log("Infinite loop");
}

另一个可能导致无限循环的for语句示例是省略括号内的所有三个表达式，如下所示。

for (;;) {
  console.log("Infinite loop");
}

上述代码通常仅用于故意编写，除非希望导致计算机崩溃，否则不应在项目中使用此类写法。

尽管实际编写的for语句可能比上述示例更复杂，但仍可应用相同的原则来查找和修复语句中的错误。

首先，需确保放在for语句中的第二个表达式实际上可以计算为false。

如果第二个表达式已正确，则开始检查第一个和第三个表达式。第一个表达式是否初始化了一个在执行第二个表达式时始终计算为true的值？

最后，确认第三个表达式是否正确递增或递减第一个表达式中初始化的变量的值。

总结：首先检查第二个表达式，然后按顺序检查第一个和第三个表达式。

接下来，学习如何修复由while语句引起的无限循环。

在 while 语句中修复无限循环

当while语句括号内的条件表达式始终计算为true时，会导致无限循环。

while (true) {
  console.log("Infinite loop");
}

为防止无限循环，while语句的条件表达式必须能够计算为false。

编写while语句时最常见的错误之一是忘记修改用于条件表达式的变量的值。

请注意以下示例中 i 的值如何从未被更改。

let i = 0;
 
while (i < 6) {
  console.log("Infinite loop");
}

需要在while语句体内增加 i 的值，以便在循环执行时条件表达式能计算为false。

let i = 0;
 
while (i < 6) {
  console.log("Infinite loop");
  i++;
}

无论while语句多么复杂，都必须确保括号内的条件表达式 while() 可以计算为false。

如果仍无法找到导致无限循环的原因，可以使用console.log()语句打印条件表达式所使用的变量的值。

let i = 0;
 
while (i < 6) {
  console.log("Infinite loop");
  i++;
  console.log(i);
}

控制台日志有助于查明错误的代码行并修复它。

总结

到此这篇关于怎么检测和防止JavaScript死循环的文章就介绍到这了，更多相关检测和防止js死循环内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！