JavaScript - Reflect.get() 方法



Reflect.get() 方法是 Reflect API 的一部分,它提供了一组静态方法,这些方法用于对对象执行类似于运算符执行的操作。此方法用于检索对象的属性值,类似于点运算或方括号表示法,但具有额外的功能和灵活性。

语法

以下是 JavaScript Reflect.get() 方法的语法 -


 Reflect.get(target, propertyKey, receiver)

参数

此方法接受 3 个参数。相同的描述如下 -

  • target - 要获取属性的目标对象。
  • propertyKey - 要获取的属性的名称。
  • receiver − 这是一个可选参数,它是为调用 target 提供的 'this' 的值。

返回值

此方法返回属性的值。

示例 1

让我们看看下面的例子,我们将在其中使用 Reflect.get() 并检索属性的值。


<html>
   <style>
      body {
         font-family: verdana;
         color: #DE3163;
      }
   </style>
   <body>
      <script>
         const x = {
            car: 'Maserati',
            model: 2024
         };
         const y = Reflect.get(x, 'car');
         document.write(JSON.stringify(y));
      </script>
   </body>
</html>

如果我们执行上述程序,它将在网页上显示文本。

示例 2

考虑另一个场景,我们将使用由元件定义的 Reflect.get() 访问属性。


<html>
   <style>
      body {
         font-family: verdana;
         color: #DE3163;
      }
   </style>
   <body>
      <script>
         const x = Symbol('tp');
         const y = {
            [x]: 'qikepucom'
         };
         const z = Reflect.get(y, x);
         document.write(z);
      </script>
   </body>
</html>

在执行上述脚本时,它将在网页上显示文本。

示例 3

在以下示例中,我们将访问不存在的属性并检查输出。


<html>
   <style>
      body {
         font-family: verdana;
         color: #DE3163;
      }
   </style>
   <body>
      <script>
         const x = {
            state: 'Telangana',
            capital: 'Hyderabad'
         };
         const y = Reflect.get(x, 'population');
         document.write(y);
      </script>
   </body>
</html>

当我们执行上述脚本时,会弹出输出窗口,在网页上显示文本。