如何在 JavaScript 中呼叫帶有附加到參數的部分的函數？
- WBOY轉載
- 2023-08-25 12:41:051354瀏覽
在 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中文網其他相關文章！