JavaScript是一门非常灵活的编程语言，而其中for-in循环是一种常用的遍历对象属性的方法。在ES12中，for-in循环巡遍顺序和安全性问题进行了一些改进和提升，让我们一起来详细了解一下。
巡遍顺序
在ES12中，for-in循环对于对象属性的巡遍顺序进行了明确规定。根据规定，for-in循环会按照以下顺序遍历对象属性：
- 对象本身的属性，按照它们被创建的顺序依次遍历。
- 类似于字符串键的数字索引。
- 对象继承的属性，按照它们被创建的顺序依次遍历。
下面是一个示例代码：
-- -------------------- ---- -------
--- ------ - -
---------- -------
-------- - ------
--- - --
--
------- ---- -- ------- -
------------------
-这段代码会按照“firstName”，“lastName”，“age”的顺序输出。
安全性
在ES12之前，for-in循环是存在一些安全性问题的。具体来讲，如果对象的原型链上存在属性，for-in循环会将这些属性也遍历出来。这样的话，就会出现一些意想不到的结果。
在ES12中，for-in循环对于原型链上的属性进行了隐藏，只会遍历对象本身的属性。如果想要遍历继承的属性，可以使用新的方法Object.getPrototypeOf()。
下面是一个示例代码：
-- -------------------- ---- -------
--- ------ - -
----- -
---------------- ------------
-
-
--- ------ - -
---------- ------
-
--- ---- ---- -- ------- -
------------------
-在ES12之前，这段代码会将“eat”属性也遍历出来。而在ES12中，只会遍历“proto”属性。
如果想要遍历继承的属性，可以使用以下代码：
-- -------------------- ---- -------
--- ------ - -
----- -
---------------- ------------
-
-
--- ------ - -
---------- ------
-
--- ---- ---- -- ------- -
-- ------------------------------ -
------------------
-
-这段代码会遍历“eat”属性。
结论
在ES12中，for-in循环对于对象属性的巡遍顺序和安全性问题进行了一些改进和提升。遵循这些规则和最佳实践，可以确保代码的可读性和可维护性。
对于初学者来说，掌握ES12中for-in循环的使用方法，可以更好地理解JavaScript对象和原型链的使用方式。同时，也可以避免一些潜在的安全性问题。
在实际开发中，可以使用ESLint等工具来帮助检查和修复for-in循环相关的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/670106f00bef792019b08509