JavaScript 函數可以帶或不帶參數呼叫。當使用參數呼叫時，函數將使用作為值傳入的參數來執行。當不帶參數呼叫時，函數將在不傳入任何參數的情況下執行。
在某些情況下，需要使用一些參數（但不是全部）來呼叫函數。這可以透過使用 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>
參數陣列被擴展為單獨的參數，並使用這些參數呼叫函數。
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中文網其他相關文章！
