首頁 > 文章 > web前端 > 如何在 JavaScript 中呼叫帶有附加到參數的部分的函數？

如何在 JavaScript 中呼叫帶有附加到參數的部分的函數？

WBOY轉載: 2023-08-25 12:41:051285瀏覽

如何在 JavaScript 中调用带有附加到参数的部分的函数？

在 JavaScript 中，可以透過向函數傳遞參數來呼叫函數。但是，有時需要呼叫已填充一些參數的函數。這可以使用稱為部分函數應用的技術來完成。

什麼是部分函數應用？

部分函數應用程式是一種透過「預先填入」現有函數的一些參數來建立新函數的方法。當您想要建立一個與現有函數類似但已設定一些參數的新函數時，這非常有用。

例如，假設您有一個計算矩形面積的函數。此函數有兩個參數 - 矩形的寬度和高度。

現在假設您要建立一個新函數來計算正方形的面積。這個新函數將與現有函數類似，但它只需要一個參數 - 正方形的邊。

這就是部分函數應用程式的用武之地。您可以使用部分函數應用程式來建立一個新函數，該函數是現有函數的「部分」版本。這個新函數將已經設定第一個參數（寬度），並且只需要第二個參數（高度）。

如何在 JavaScript 中使用偏函數應用？

在 JavaScript 中使用部分函數應用程式有幾種不同的方法。

方法1

最常見的方法是使用bind()方法。

bind() 方法是一種從現有函數建立新函數的方法。 bind() 方法有兩個參數：要綁定的函數，以及要綁定到函數第一個參數的值。

例如，假設您有以下功能 -

function add(a, b) { 
   return a + b; 
}

您可以使用bind()方法建立一個已設定第一個參數(a)的新函數。

var add5 = add.bind(null, 5);

現在 add5 函數可以這樣使用 -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      function add(a, b) {
         return a + b;
      }
      var add5 = add.bind(null, 5);
      document.getElementById("result").innerHTML = add5(10)
   </script>
</body>
</html>

如您所見，第一個參數 (5) 已設置，第二個參數 (10) 已傳遞給 add5 函數。

方法2

使用部分函數應用程式的另一種方法是建立一個函數，該函數接受現有函數和一個值，並傳回一個已設定現有函數的第一個參數的新函數。

例如，您可以寫這樣的函數 -

function bind(fn, val) { 
   return function() { 
      return fn.apply(null, 
      [val].concat(Array.prototype.slice.call(arguments)));
   };
}

該函數接受一個現有函數和一個值，並傳回一個新函數，該函數的值綁定到現有函數的第一個參數。

例如，您可以使用bind()函數建立一個像這樣的新函數 -

var add5 = bind(add, 5);

現在 add5 函數可以這樣使用 -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      function add(a, b) {
         return a + b;
      }
      function bind(fn, val) {
         return function() {
            return fn.apply(null, [val].concat(Array.prototype.slice.call(arguments)));
         };
      }
      var add5 = add.bind(add, 5);
      document.getElementById("result").innerHTML = add5(10)
   </script>
</body>
</html>

如您所見，第一個參數 (5) 已設置，第二個參數 (10) 已傳遞給 add5 函數。

部分函數應用程式是一種從現有函數建立新函數的有用技術。它可用於建立與現有函數類似的函數，但已設定一些參數。

以上是如何在 JavaScript 中呼叫帶有附加到參數的部分的函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除

上一篇：如何使用 FabricJS 為矩形新增虛線描邊？下一篇：如何使用 FabricJS 為矩形新增虛線描邊？

看更多