JavaScript - Reflect.apply() 方法

JavaScript ES6 标准包含了 **Reflect.apply()** 方法，该方法使用给定的“this”值和参数来调用函数。此方法类似于 Function.prototype.apply() 方法，但它提供了一种更灵活和可预测的方式来应用函数。

Reflect.apply() 是一个静态方法，即使在函数缺少 prototype 属性的情况下也可以使用，这使得它比 Function.prototype.apply() 成为更好的选择。此外，虽然 Function.prototype.apply() 限于函数，但 Reflect.apply() 与内置方法和函数兼容。

语法

以下是 JavaScript Reflect.apply() 方法的语法：

Reflect.apply(target, thisArgument, argumentsList)

参数

此方法接受三个参数。下面将描述这些参数：

**target** - 它是对目标函数的调用。
**thisArgument** - 它包含调用目标函数所需的“this”值。
**argumentsList** - 它是一个类似数组的对象，指定应使用哪些参数调用目标。

返回值

此方法返回使用指定的“this”值和参数调用给定目标函数的结果。

示例

示例 1

让我们看下面的例子，我们将使用 Reflect.apply() 来调用 add() 函数，参数为 11 和 4。

<html>
   <style>
      body {
         font-family: verdana;
         color: #DE3163;
      }
   </style>
   <body>
      <script>
         function add(x, y) {
            return x + y;
         }
         const a = Reflect.apply(add, null, [11, 4]);
         document.write(a);
      </script>
   </body>
</html>

如果我们执行上面的程序，它将在网页上显示一个数字。

示例 2

考虑另一种情况，我们将使用 Reflect.apply() 来在对象上调用 greet() 方法。

<html>
   <style>
      body {
         font-family: verdana;
         color: #DE3163;
      }
   </style>
   <body>
      <script>
         const x = {
            y: 'TutorialsPoint',
            greet() {
               return `Hello, Welcome To ${this.y}`;
            }
         };
         const a = Reflect.apply(x.greet, x, []);
         document.write(a);
      </script>
   </body>
</html>

执行上述脚本后，它将在网页上显示一段文本。

示例 3

在下面的示例中，我们将使用 Reflect.apply() 来调用 Math.max() 函数，参数为数字数组。

<html>
   <style>
      body {
         font-family: verdana;
         color: #DE3163;
      }
   </style>
   <body>
      <script>
         const x = [11, 12, 3, 22, 4];
         const a = Reflect.apply(Math.max, null, x);
         document.write(a);
      </script>
   </body>
</html>

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

打印页面