自 ECMAScript 6 (ES6) 发布以来，JavaScript 的语言规范得到了很大的改进，它增加了许多重要的新特性和语法糖。而在 ES9 中，开发人员能够有更多的选择和工具来处理和控制数据。其中，Object 和 Symbol 的结合使用能够给前端开发带来更强大的数据控制。
ES9 中的 Object
在 ES6 之前，JavaScript 中的对象只能是无序键值对的形式。而 ES6 新增了一种称为“属性名称表达式”的新语法，它允许使用变量或计算的值作为对象的属性名。ES9 进一步增强了这个特性，允许使用 Object.entries 和 Object.fromEntries 方法，更方便地操作对象。
Object.entries方法会返回一个由同对象的键值对组成的数组，其中每个键值对的第一个值是对象的 key，第二个值是对象的 value。
const obj = { foo: 'bar', baz: 'qux' };
Object.entries(obj); // [['foo', 'bar'], ['baz', 'qux']]
Object.fromEntries方法将通过数组来创建新对象的方法，其中数组的格式必须是[[key1, value1], [key2, value2], ...]。
const entries = [['foo', 'bar'], ['baz', 'qux']];
const obj = Object.fromEntries(entries); // {foo: 'bar', baz: 'qux'}这些新方法的引入，大大简化了对象的操作和转化。
ES9 中的 Symbol
Symbol 是 ES6 中引入的一种新的原始类型，它的每个实例都是唯一的，即使相同名称的 Symbol 变量也是不相等的。这也是 Symbol 作为一种新的 JS 数据类型的原因。
Symbol 可以被定义为对象的属性名称，这样就创建了一个唯一属性名。这种特性使得 Symbol 变得非常有用，特别是在避免属性名冲突的情况下。
以下是一些重要的 Symbol 特性和用法：
symbol.for()
Symbol.for 方法可以被用来创建一个全局的 Symbol 变量。如果相同名称的 Symbol 已经存在，它将会被返回。以下是一个使用 Symbol.for 的示例：
const mySymbol = Symbol.for('mySymbol');
const mySecondSymbol = Symbol.for('mySymbol');
console.log(mySymbol === mySecondSymbol) // trueSymbol.keyFor()
Symbol.keyFor 方法可以被用来查找全局 Symbol 的名称。它只能用于全局 Symbol，而不能用于普通的 Symbol 变量，以下是一个使用 Symbol.keyFor 的示例：
const mySymbol = Symbol.for('myKey');
const myKeyName = Symbol.keyFor(mySymbol); // 'myKey'Symbol.iterator
Symbol.iterator 用于定义对象的默认迭代器，它允许对象通过 for...of 进行迭代。Symbol.iterator 方法必须返回一个迭代器对象，该迭代器对象包含 next() 方法，它每次调用会返回 {done: Boolean, value: any}。
以下代码示例中，我们将使用 Symbol.iterator 来迭代一个自定义的类：
-- -------------------- ---- -------
----- ------- -
------------- -
---------- - --- -- -- -- ---
-
-------------------- -
--- ---- - - -- - - ------------------ ---- -
----- --------------
-
-
-
----- ------- - --- ----------
--- ------ ---- -- -------- -
------------------
-总结
在 ES9 中，Object 和 Symbol 的使用使得 JavaScript 变得更加强大，能够更好地处理数据，避免属性名冲突，提高代码可读性和可维护性。因此，在开发过程中，应该充分利用 Object 和 Symbol 这两大优势来提高前端的开发效率和代码品质。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649fdd4c48841e9894c383d5