Object.defineProperty 是 JavaScript 对象属性的 setter 和 getter 方法，自 ES5 起就被引入并广泛应用于前端开发。而在 ES10 中，Object.defineProperty 进行了一些改动，新增了一些功能，使得我们在开发中更加方便快捷地利用它来优化代码细节。
ES10 新增的功能
ES10 中，Object.defineProperty 新增了两个可选的参数，分别为 set 和 get。set 和 get 在之前的 ES5 版本中也存在，但它们只能作为属性的 getter 和 setter 使用。而在 ES10 中，set 和 get 可作为属性的访问器使用，以对属性值进行更深入的处理。
使用 set 和 get
下面是一个简单的示例，让我们来看看如何在 ES10 中使用 set 和 get。
-- -------------------- ---- -------
----- ---- - -
---------- ---
--------- ---
--- ---------- -
------ ------------------ -----------------
--
--- -------------- -
---------------- -------------- - ------------ ---
-
-
------------- - ----- -----
---------------------------- -- ------
--------------------------- -- -----
--------------------------- -- ----- ----在上面的示例中，我们定义了一个名为 data 的对象，并为其添加了 firstName 和 lastName 两个属性以及 fullName 访问器属性，get fullName 用于获取 fullName 属性值，set fullName 用于设置 fullName 属性值并根据设置的值设置 firstName 和 lastName 的值。
使用了 get 但没有使用 set
由于 set 是可选的，我们可以只使用 get。下面是一个简单的示例，让我们来看看如何在 ES10 中只使用 get。
-- -------------------- ---- -------
----- ---- - -
---------- -------
--------- ------
--- ---------- -
------ ------------------ -----------------
-
-
--------------------------- -- ----- ----在上面的示例中，我们定义了一个名为 data 的对象，并为其添加了 firstName 和 lastName 两个属性以及 fullName 访问器属性，get fullName 用于获取 fullName 属性值。
使用了 set 但没有使用 get
同样道理，我们也可以只使用 set。下面是一个简单的示例，让我们来看看如何在 ES10 中只使用 set。
-- -------------------- ---- -------
----- ---- - -
---------- ---
--------- ---
--- -------------- -
---------------- -------------- - ------------ ---
-
-
------------- - ----- -----
---------------------------- -- ------
--------------------------- -- -----在上面的示例中，我们定义了一个名为 data 的对象，并为其添加了 firstName 和 lastName 两个属性以及 fullName 访问器属性，set fullName 用于设置 firstName 和 lastName 的值。
关于 set 和 get
在使用 set 和 get 时需要注意以下几点：
- 在 ES10 中，set 和 get 可以同时使用，但不是必须的。
- 在定义 set 和 get 时，需要使用 Object.defineProperty 方法进行设置。只有通过 Object.defineProperty 方法设置的属性才能使用 set 和 get。
- 在使用 set 和 get 时，需要以属性的方式对其进行访问。
指导意义
在实际开发中，我们通常需要对一些属性值进行特定的操作，例如需要对一个数字进行格式化，需要对一个字符串进行截取等等。此时，set 和 get 方法就可以发挥它们的作用。
同时，在实际开发中，我们也需要对一些属性进行更详细的定义，例如需要定义只读属性，只写属性等等。此时，Object.defineProperty 也可以发挥其作用。
最后，使用 ES10 中 Object.defineProperty 的优化代码细节，不仅可以提高代码可读性和开发者的开发效率，也可以为代码的维护和扩展带来很大的便利。
总结
在 ES10 中，Object.defineProperty 新增了 set 和 get 方法，可作为属性的访问器使用，以对属性值进行更深入的处理。我们在开发中可以根据实际需要使用 set 和 get，从而更方便快捷地对属性值进行操作和定义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649112ec48841e9894f16d87