如何在 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 次檢視

啟動您的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.