如何在 JavaScript 中呼叫帶有部分前綴參數的函數？-js教程-PHP中文網

如何在 JavaScript 中呼叫帶有部分前綴參數的函數？

WBOY

發布： 2023-09-06 21:01:02

轉載

795 人瀏覽過

如何在 JavaScript 中调用带有部分前缀参数的函数？

JavaScript 函數可以帶或不帶參數呼叫。當使用參數呼叫時，函數將使用作為值傳入的參數來執行。當不帶參數呼叫時，函數將在不傳入任何參數的情況下執行。

在某些情況下，需要使用一些參數（但不是全部）來呼叫函數。這可以透過使用 Function.prototype.apply 方法或使用擴充運算子 ( ... ) 來完成。

使用 Function.prototype.apply 方法

Function.prototype.apply 方法可用來呼叫帶有某些參數的函數，但不是全部參數。 apply 方法的第一個參數是 this 值，後面接著要傳遞給函數的參數陣列。

文法

apply(thisArg)
apply(thisArg, argsArray)

登入後複製

參數

thisArg - 為呼叫函數提供的 this 值。如果函數不是嚴格模式，null 和 undefined 將被替換為 global，原始值將轉換為物件。
argsArray 可選 - x 類似數組的對象，指定應調用函數的參數，如果不應向函數提供參數，則指定 null 或未定義。

範例

例如，考慮以下程式碼 -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      function add(a, b) {
         return a + b;
      }
      document.getElementById("result").innerHTML = add.apply(null, [1, 2])
   </script>
</body>
</html>

登入後複製

this 值作為第一個參數傳遞給 apply 方法，參數陣列作為第二個參數傳遞。使用 this 值和作為值傳入的參數來呼叫該函數。

Function.prototype.apply 方法是一種使用某些參數（但不是全部參數）呼叫函數的強大方法。透過使用 apply 方法，您可以避免對要傳遞給函數的參數進行硬編碼。

使用價差運算子

展開運算子 ( ... ) 可用來呼叫帶有某些參數（但不是全部參數）的函數。

擴充運算子將參數陣列擴展為單獨的參數。

例如，考慮以下程式碼 -

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

登入後複製

參數陣列被擴展為單獨的參數，並使用這些參數呼叫函數。

使用bind()方法

Function.prototype.bind() 方法可用來建立一個新函數，該函數呼叫原始函數並預先加入一些參數。

例如，考慮以下程式碼 -

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

登入後複製

bind 方法的第一個參數是 this 值，其餘參數在呼叫函數時用作函數的參數。在此範例中，this 值會作為 null 傳遞，值 1 會作為第一個參數傳遞給 add 函數。

bind 方法傳回一個新函數，使用給定參數呼叫函數。在此範例中，使用值 2 呼叫 new 函數，使用值 1 和 2 呼叫函數 add。

JavaScript 函數可以帶或不帶參數呼叫。在某些情況下，需要使用一些參數（但不是全部）來呼叫函數。這可以透過使用 Function.prototype.apply 方法或使用擴充運算子 ( ... ) 來完成。

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