ECMAScript 2016：避免在条件语句中赋值造成死循环-JavaScript中文网-JavaScript教程资源分享门户

在JavaScript中，条件语句的使用非常普遍，经常会在其中进行赋值操作。然而，这种操作可能会造成死循环，尤其当在循环条件中使用时更为常见。在ECMAScript 2016中，这个问题得到了解决。

问题背景

在条件语句中使用赋值操作会导致程序的行为比较模糊。因为这种方式会给开发者加入许多灰色地带，比如：

let i = 0;
while (i = 10) { // 这里故意将i赋值为10
  // do something
}

这是一个非常常见的错误，因为循环条件中的赋值操作会使语句的结果变得不稳定。在这个例子中，循环会一直运行，因为赋值操作的结果始终为true。

更糟糕的是，在JavaScript中，任何具有赋值操作符（=）的语句中的赋值操作返回的是赋值的值。这个特性可以很容易地引入错误，因为赋值语句在条件语句外无法访问也无法判断其值。

在ECMAScript 2016中，引入了一种新的变量声明方式let和const，这种方式不允许在相同作用域下多次声明同名的变量。这使得在条件中使用赋值操作时，无论是absent-mindedly使用还是故意使用，都会引发一个ReferenceError。

使用let声明变量的示例代码：

let i = 0;
while (let j = i + 1) {
  // do something with j
}
// ReferenceError: j is not defined

这个代码块会在循环开始时声明一个新变量j，但它只在while块中存在，并且最终会被销毁。因为j是使用let声明的，所以在代码块以外无法访问它。

这种方式的好处，首先可以保护你的代码不会出现无限循环，其次是可以减少变量冲突的可能性。但是这也意味着你需要稍微修改你的代码中条件语句的格式。

在ECMAScript 2016中，let和const关键字的引入解决了在条件语句中使用赋值操作符可能引起死循环的问题。这是一个明显的改进，也体现了ECMAScript标准的不断发展迭代。

但是，除了在条件语句中使用let和const，我们也应该注意在代码中不要使用这种方式。因为赋值操作的结果具有不可预见性，可能会给开发带来极大的灰色地带，增加了程序的认知成本和出错率。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/6715b967ad1e889fe2189d58