ES12 中的 for-in 循环错误
在前端开发中，我们经常会使用 for-in 循环来遍历对象。然而，在 ES12 中，使用 for-in 循环可能会出现错误，这是因为 for-in 循环会遍历对象的原型链，并且会遍历对象上的所有非 Symbol 类型的属性，包括原型链上的属性。这可能会导致一些意想不到的问题。
下面我们来看一个例子：
-- -------------------- ---- ------- ----- ------ - - ----- -------- ---- --- -- ------------------------- - ---------- - ---------------------- -- --- ------ ---- -- ------- - ------------------ -
在这个例子中，我们定义了一个名为 person 的对象，并向其添加了两个属性：name 和 age。然后，我们在 Object.prototype 上添加了一个方法 sayHello。最后，我们使用 for-in 循环遍历 person 对象，并打印出其中的属性。
运行上述代码后，控制台输出结果如下：
name age sayHello
我们会发现，for-in 循环不仅遍历了 person 对象上的属性，还遍历了 Object.prototype 上的属性。这可能会导致一些问题，比如我们可能会意外地遍历到一些我们不想要的属性，或者访问到一些我们不应该访问的属性。
为了解决这个问题，ES12 引入了一个新的循环语句 for-in-exclude，它可以排除原型链上的属性。下面是一个使用 for-in-exclude 的例子：
-- -------------------- ---- ------- ----- ------ - - ----- -------- ---- --- -- ------------------------- - ---------- - ---------------------- -- --- ------ ---- -- ------ ------- ----------------- - ------------------ -
在这个例子中，我们使用了 for-in-exclude 循环来遍历 person 对象，但是排除了 Object.prototype 上的属性。这样，我们就可以避免遍历到原型链上的属性，从而消除了一些潜在的错误。
总结
在 ES12 中，使用 for-in 循环可能会遍历对象的原型链，并且会遍历对象上的所有非 Symbol 类型的属性，包括原型链上的属性。这可能会导致一些意想不到的问题。为了解决这个问题，ES12 引入了一个新的循环语句 for-in-exclude，它可以排除原型链上的属性。在实际开发中，我们应该尽量避免使用 for-in 循环，而是使用更安全的方法来遍历对象。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/663acde7d3423812e48dc2de