自訂回調如何在 JavaScript 開發中提供靈活性和功能性？

在JavaScript 中建立自訂回呼

在JavaScript 中，實作自訂回呼涉及將回呼函數作為參數傳遞給另一個函數。當主函數完成執行時，將呼叫回調。

基本實作：

建立一個接受回調函數作為參數的函數：

function doSomething(callback) {
    // ...
    // Call the callback
    callback('stuff', 'goes', 'here');
}

定義要執行的回呼函數：

function foo(a, b, c) {
    alert(a + " " + b + " " + c);
}

呼叫主函數並將回呼作為參數傳遞：

doSomething(foo);

高階概念：

高階概念：

高階概念：

function Thing(name) {
    this.name = name;
}

Thing.prototype.doSomething = function(callback) {
    callback.call(this);
}

function foo() {
    alert(this.name);
}

var t = new Thing('Joe');
t.doSomething(foo);  // Alerts "Joe" via `foo`

高階概念：

使用'this':

有時，您可能想要使用特定上下文（即 'this'）執行回呼。這可以使用 call() 函數來實現：

function Thing(name) {
    this.name = name;
}

Thing.prototype.doSomething = function(callback) {
    callback.apply(this, ['Hi', 3, 2, 1]);
}

function foo(salutation, three, two, one) {
    alert(salutation + " " + this.name + " - " + three + " " + two + " " + one);
}

var t = new Thing('Joe');
t.doSomething(foo);  // Alerts "Hi Joe - 3 2 1" via `foo`

傳遞參數：

您可以使用 call() 或apply() 函數。

function Thing(name) {
    this.name = name;
}

Thing.prototype.doSomething = function(callback, salutation) {
    callback.call(this, salutation);
}

function foo(salutation) {
    alert(salutation + " " + this.name);
}

var t = new Thing('Joe');
t.doSomething(foo, 'Hi');  // Alerts "Hi Joe" via `foo`

使用 apply():

將參數作為陣列傳遞：使用 call() :單獨傳遞參數：自訂回調為 JavaScript 開發提供了靈活性，允許函數在完成後執行特定操作。透過了解基礎知識和進階概念，您可以在應用程式中有效地實現和利用回調。

以上是自訂回調如何在 JavaScript 開發中提供靈活性和功能性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！