Hiểu rõ hơn về các hàm gọi lại trong JavaScript

Tôi hiểu việc chuyển một chức năng sang một chức năng khác như một cuộc gọi lại và thực hiện nó, nhưng tôi không hiểu cách thực hiện tốt nhất để làm điều đó. Tôi đang tìm một ví dụ rất cơ bản, như thế này:

var myCallBackExample = {
    myFirstFunction : function( param1, param2, callback ) {
        // Do something with param1 and param2.
        if ( arguments.length == 3 ) {
            // Execute callback function.
            // What is the "best" way to do this?
        }
    },
    mySecondFunction : function() {
        myFirstFunction( false, true, function() {
            // When this anonymous function is called, execute it.
        });
    }
};

Trong myFirstFunction, nếu tôi trả về hàm gọi lại mới (), thì nó hoạt động và thực thi hàm ẩn danh, nhưng đó dường như không phải là cách tiếp cận chính xác với tôi.

Bạn chỉ có thể nói

callback();

Thay phiên, bạn có thể sử dụng callphương pháp nếu bạn muốn điều chỉnh giá trị thistrong vòng gọi lại.

callback.call( newValueForThis);

Bên trong chức năng thissẽ là bất cứ điều gì newValueForThis.

Bạn nên kiểm tra xem có gọi lại hay không và là một hàm thực thi:

if (callback && typeof(callback) === "function") {
    // execute the callback, passing parameters as necessary
    callback();
}

Rất nhiều thư viện (jQuery, dojo, v.v.) sử dụng một mẫu tương tự cho các hàm không đồng bộ của chúng, cũng như node.js cho tất cả các hàm async (nodejs thường truyền errorvà datagọi lại). Nhìn vào mã nguồn của họ sẽ giúp!

Có 3 khả năng chính để thực thi một chức năng:

var callback = function(x, y) {
    // "this" may be different depending how you call the function
    alert(this);
};

1. gọi lại (đối số_1, đối số_2);
2. callback.call (some_object, argument_1, argument_2);
3. gọi lại.apply (some_object, [argument_1, argument_2]);

Phương pháp bạn chọn phụ thuộc vào việc:

1. Bạn có các đối số được lưu trữ trong một mảng hoặc dưới dạng các biến khác biệt.
2. Bạn muốn gọi hàm đó trong ngữ cảnh của một số đối tượng. Trong trường hợp này, sử dụng từ khóa "này" trong cuộc gọi lại đó sẽ tham chiếu đối tượng được truyền dưới dạng đối số trong lệnh gọi () hoặc áp dụng (). Nếu bạn không muốn vượt qua bối cảnh đối tượng, hãy sử dụng null hoặc không xác định. Trong trường hợp sau, đối tượng toàn cầu sẽ được sử dụng cho "này".

Tài liệu cho Function.call , Function.apply

Gọi lại là về tín hiệu và "mới" là về việc tạo các thể hiện đối tượng.

Trong trường hợp này, nó thậm chí còn phù hợp hơn khi thực hiện chỉ "gọi lại ();" hơn là "trả lại cuộc gọi lại mới ()" vì dù sao bạn cũng không làm gì với giá trị trả về.

(Và các đối số.length == 3 kiểm tra thực sự rất khó hiểu, fwiw, tốt hơn để kiểm tra xem paramback call tồn tại và là một hàm.)

việc thực hiện đúng sẽ là:

if( callback ) callback();

điều này làm cho tham số gọi lại tùy chọn ..

Bạn có thể dùng:

if (callback && typeof(callback) === "function") {
    callback();
}

Ví dụ dưới đây là toàn diện hơn một chút:

function mySandwich(param1, param2, callback) {
  alert('Started eating my sandwich.\n\nIt has: ' + param1 + ', ' + param2);
  var sandwich = {
      toppings: [param1, param2]
    },
    madeCorrectly = (typeof(param1) === "string" && typeof(param2) === "string") ? true : false;
  if (callback && typeof(callback) === "function") {
    callback.apply(sandwich, [madeCorrectly]);
  }
}

mySandwich('ham', 'cheese', function(correct) {
  if (correct) {
    alert("Finished eating my " + this.toppings[0] + " and " + this.toppings[1] + " sandwich.");
  } else {
    alert("Gross!  Why would I eat a " + this.toppings[0] + " and " + this.toppings[1] + " sandwich?");
  }
});

Dưới đây là một ví dụ cơ bản giải thích callback()chức năng trong JavaScript:

var x = 0;

function testCallBack(param1, param2, callback) {
  alert('param1= ' + param1 + ', param2= ' + param2 + ' X=' + x);
  if (callback && typeof(callback) === "function") {
    x += 1;
    alert("Calla Back x= " + x);
    x += 1;
    callback();
  }
}

testCallBack('ham', 'cheese', function() {
  alert("Function X= " + x);
});

Câu đố