JavaScript - Reflect.defineProperty() 方法

Reflect.defineProperty() 方法允許您定義物件上的新屬性或修改現有屬性。它是 Reflect 物件的一部分，Reflect 物件提供了可以被攔截的 JavaScript 操作。與 Object.defineProperty() 方法相比，它提供了一種更強大、更靈活的方法來建立或修改屬性。

Reflect.defineProperty() 在您需要修改屬性並希望處理任何錯誤或失敗的情況下特別有用。此外，與 Object.defineProperty() 的靜態特性相比，它允許更動態地定義和修改屬性。

語法

以下是 JavaScript Reflect.defineProperty() 方法的語法：

Reflect.defineProperty(target, propertyKey, attributes)

引數

此方法接受三個引數。下面描述了這些引數：

target - 您需要在其上定義或修改屬性的物件。
propertyKey - 您需要定義或修改的屬性的名稱。
attributes - 包含屬性屬性的物件。

返回值

此方法返回一個布林值，指示屬性是否成功定義。

示例

示例 1

讓我們看看下面的示例，我們將使用 Reflect.defineProperty() 並建立一個空物件併為其賦值。

<html>
   <style>
      body {
         font-family: verdana;
         color: #DE3163;
      }
   </style>
   <body>
      <script>
         let x = {};
         Reflect.defineProperty(x, 'Tp', {
            value: 123
         });
         document.write(x.Tp);
      </script>
   </body>
</html>

如果我們執行上述程式，它將在網頁上顯示一個數字。

示例 2

考慮另一種情況，我們將把 enumerable 和 configurable 設定為 true，這表示可以刪除該屬性並遍歷物件屬性。

<html>
   <style>
      body {
         font-family: verdana;
         color: #DE3163;
      }
   </style>
   <body>
      <script>
         let x = {};
         Reflect.defineProperty(x, 'TP', {
            value: 112233,
            configurable: true,
            enumerable: true
         });
         document.write(x.TP);
      </script>
   </body>
</html>

執行上述指令碼後，它將在網頁上顯示一個數字。

示例 3

在以下示例中，我們將把 writeable 選項設定為 false，這表示一旦定義就不能修改它。

<html>
   <style>
      body {
         font-family: verdana;
         color: #DE3163;
      }
   </style>
   <body>
      <script>
         let x = {};
         Reflect.defineProperty(x, 'tp', {
            value: 11,
            writable: false
         });
         x.tp = 22;
         document.write(x.tp);
      </script>
   </body>
</html>

當我們執行上述指令碼時，輸出視窗將彈出，在網頁上顯示數字。

示例 4

以下是示例，我們將使用 Reflect.defineProperty() 並修改現有屬性。

<html>
   <style>
      body {
         font-family: verdana;
         color: #DE3163;
      }
   </style>
   <body>
      <script>
         let x = {
            prop: 1
         };
         Reflect.defineProperty(x, 'tp', {
            value: 22
         });
         document.write(x.tp);
      </script>
   </body>
</html>

執行上述指令碼後，輸出視窗將彈出，在網頁上顯示數字。

列印頁面