如何在 JavaScript 中调用参数经过转换的函数？

在 JavaScript 中，我们可以创建将其他函数作为参数并使用转换后的参数调用它们的函数。这是一种强大的技术，可用于创建高阶函数，这些函数可以接收一个函数并返回一个具有不同行为的新函数。

什么是转换函数参数

要转换函数参数，我们可以使用内置方法 map() 和 reduce()。这些方法可以用于数组以转换数组中的元素。我们可以将它们用于函数以转换传递给函数的参数。

map() 方法

map() 方法接收一个函数和一个数组作为参数。它使用数组中的每个元素调用该函数，并返回一个包含转换后元素的新数组。

例如，假设我们有一个数字数组，并且我们希望对数组中的每个元素进行平方运算。我们可以使用 map() 方法和一个匿名函数来执行此操作：

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      var numbers = [1, 2, 3, 4, 5];
      var squared = numbers.map(function(number) {
         return number * number;
      });
      document.getElementById("result").innerHTML = squared
   </script>
</body>
</html>

在上面的代码中，我们有一个数字数组，并且我们使用 map() 方法对数组中的每个元素进行平方运算。map() 方法使用我们提供的函数调用数组中的每个元素，并返回一个包含转换后元素的新数组。

reduce() 方法

reduce() 方法接收一个函数和一个数组作为参数。它使用数组中的每个元素调用该函数，并返回一个作为函数结果的单个值。

例如，假设我们有一个数字数组，并且我们希望将它们全部加在一起。我们可以使用 reduce() 方法和一个匿名函数来执行此操作：

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      var numbers = [1, 2, 3, 4, 5];
      var sum = numbers.reduce(function(a, b) {
         return a + b;
      });
      document.getElementById("result").innerHTML = sum
   </script>
</body>
</html>

在上面的代码中，我们有一个数字数组，并且我们使用 reduce() 方法将它们全部加在一起。reduce() 方法使用我们提供的函数调用数组中的每个元素，并返回一个作为函数结果的单个值。

在 JavaScript 中，我们可以创建将其他函数作为参数并使用转换后的参数调用它们的函数。这是一种强大的技术，可用于创建高阶函数。

更新于： 2022-09-14

174 次查看

启动您的 职业生涯

通过完成课程获得认证

开始学习
广告