ECMAScript 2017 中的 Object.getOwnPropertySymbols()：更好的对象属性控制

在 JavaScript 开发中，对象是一种非常重要的数据类型，而属性是对象中最基本的组成部分。在 ECMAScript 2017 中，引入了一个新的方法 Object.getOwnPropertySymbols()，可以更好地控制对象属性，为开发者提供了更好的编码体验。

什么是 Symbol

在 ECMAScript 6 中，引入了一种新的原始数据类型 Symbol，用来表示独一无二的值。它被设计用来作为唯一的对象属性名（也就是键），可以保证不会和其他属性名重复。

const sym = Symbol('my-symbol');
console.log(typeof sym); // "symbol"

Symbol 的主要特点是唯一性，即使是使用相同描述字符串的 Symbol，它们也是不同的值：

const sym1 = Symbol('my-symbol');
const sym2 = Symbol('my-symbol');
console.log(sym1 === sym2); // false

利用 Symbol 可以更好地表达对象的属性，也可以提高代码的可读性和可维护性。

Object.getOwnPropertySymbols()

ECMAScript 2017中，引入了一个新的方法 Object.getOwnPropertySymbols()，它返回一个给定对象自身的所有 Symbol 属性的数组。

const obj = {
  [Symbol('prop1')]: 'val1',
  [Symbol('prop2')]: 'val2',
  prop3: 'val3'
}
const symbols = Object.getOwnPropertySymbols(obj);
console.log(symbols.length); // 2

在上面的例子中，Object.getOwnPropertySymbols() 返回了一个包含两个 Symbol 属性的数组。

有了这个方法，我们就可以更好地控制和管理对象属性，可以避免使用字符串属性名带来的一些问题。

示例

下面是一个例子，演示了如何利用 Symbol 来定义对象的私有属性，避免意外修改或删除：

// javascriptcn.com 代码示例
const _age = Symbol('age');
class Person {
  constructor(name, age) {
    this.name = name;
    this[_age] = age;
  }
  get age() {
    return this[_age];
  }
  set age(age) {
    this[_age] = age;
  }
  sayHi() {
    console.log(`Hello, my name is ${this.name}, I'm ${this[_age]} years old.`);
  }
}
const p = new Person('Tom', 18);
p.age = 20; // 修改私有属性
console.log(p.age); // 20
p[_age] = 30; // 无法直接访问私有属性
p.sayHi(); // Hello, my name is Tom, I'm 20 years old.

在上面的例子中，我们使用 Symbol 定义了 _age 私有属性，避免了被意外修改或删除。同时，我们也定义了 get 和 set 方法，可以更好地控制 age 属性的读写。

总结

ECMAScript 2017 中的 Object.getOwnPropertySymbols() 方法为我们提供了更好的对象属性控制方式，可以更好地避免一些问题。在实际开发中，我们可以对于对象中的属性进行更好的控制，提高代码的可读性和可维护性。

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