Cuộc gọi lại bị trì hoãn là gì?

Tôi hiểu ý tưởng của một cuộc gọi lại, nơi tôi chuyển một chức năng sang một chức năng khác và sau đó chức năng đó sẽ sử dụng chức năng được cung cấp theo ý muốn.

Tôi đang vật lộn để hiểu các cuộc gọi lại bị trì hoãn, ngay cả sau khi googling nó.

Ai đó có thể cung cấp một lời giải thích đơn giản xin vui lòng? Tôi lập trình trong Ruby, nhưng cũng biết C / C ++ một chút, nhưng hầu hết tôi là một lập trình viên ngôn ngữ lắp ráp có kinh nghiệm. Vì vậy, tôi tự hỏi là nó hơi giống như một chồng các địa chỉ gọi lại được pop'd? Tôi hy vọng tìm hiểu jquery hoặc node.js và các cuộc gọi lại bị trì hoãn này dường như không thể thiếu đối với cả hai. Tôi hiểu các nguyên tắc phân luồng cơ bản (mặc dù đối tượng mutex làm cho đầu tôi đau;)

Theo yêu cầu, đây là ý kiến ​​trình bày như một câu trả lời:

Tôi không chắc chắn bạn hoàn toàn hiểu được rằng các hàm trong JS là các đối tượng hạng nhất và do đó có thể được lưu trữ cho đến khi cần, qua thời gian chúng được tạo.

Ví dụ: giả sử bạn muốn ghi vào một tệp, sau đó in ra một thông điệp tường trình; vì vậy bạn gọi hàm "write ()" (hoặc bất cứ thứ gì) và truyền cho nó một hàm xuất thông điệp tường trình (đây là hàm gọi lại bị trì hoãn). "write ()" lưu trữ bên trong một tham chiếu đến hàm đã cho, bắt đầu ghi vào tệp và thiết lập cuộc gọi lại của chính nó để biết khi nào việc ghi kết thúc. Sau đó nó trả về trước khi viết xong; khi đó, cuộc gọi lại nội bộ được gọi bằng cách nào đó (đây là công việc của khung cơ bản - trong trường hợp của node.js, nó được thực hiện với một vòng lặp sự kiện), sau đó gọi cuộc gọi lại của bạn để in thông điệp tường trình.

Phần "hoãn lại" đơn giản có nghĩa là chức năng gọi lại của bạn không được gọi ngay lập tức; gọi nó được hoãn lại cho đến thời điểm thích hợp. Trong trường hợp các hàm không đồng bộ giống như nhiều hàm trong node.js, cuộc gọi lại đã cho thường được gọi khi hoạt động hoàn tất (hoặc xảy ra lỗi).

Hầu hết mọi thứ đều không đồng bộ trong node.js, nhưng trong trình duyệt với jQuery, hầu hết mọi thứ thực sự đồng bộ (ngoại trừ, rõ ràng, đối với các yêu cầu AJAX). Vì các hàm hạng nhất rất tiện dụng trong JavaScript (đặc biệt là vì hỗ trợ đóng tuyệt vời), các cuộc gọi lại cũng được sử dụng ở mọi nơi trong trình duyệt, nhưng chúng không được "hoãn lại" cho các hoạt động đồng bộ (trừ khi chúng không được gọi ngay lập tức bạn, nhưng sau này bởi chức năng bạn gọi).

Thực tế là hệ thống cơ bản được điều khiển theo sự kiện là trực giao với việc sử dụng các cuộc gọi lại bị trì hoãn; bạn có thể tưởng tượng một phiên bản (rất chậm) của node.js đã bắt đầu một luồng cho mọi hoạt động và sau đó gọi lại cuộc gọi lại đã cho khi luồng hoàn thành công việc của nó, mà không sử dụng các sự kiện nào cả. Tất nhiên, đây là một mô hình khủng khiếp, nhưng nó minh họa quan điểm của tôi :-)

Cách thức gọi lại bị trì hoãn hoạt động là mỗi khi bạn thêm một cuộc gọi lại vào nó, cuộc gọi lại đó được đẩy đến một mảng. Sau đó, khi phương thức .resolve()hoặc .resolveWith()được gọi trên đối tượng bị trì hoãn, tất cả các .done()cuộc gọi lại trong mảng được thực hiện theo thứ tự.

Bây giờ chúng ta có thể xem đối tượng Trì hoãn là gì. Lấy đoạn trích dưới đây làm ví dụ.

var deferred = $.Deferred();
var promise = deferred.promise();

Những gì chúng ta có bây giờ là một đối tượng bị trì hoãn và đối tượng hứa hẹn của đối tượng bị trì hoãn. Các đối tượng thu nhập hoãn lại có tất cả các phương pháp tương tự như các đối tượng hứa hẹn, tuy nhiên đối tượng hứa hẹn chỉ có phương pháp .done(), .fail()và .always()được sử dụng để thêm callbacks đến đối tượng trì hoãn cho mỗi tương ứng event. Mặt khác, đối tượng hoãn lại có một số phương thức khác, quan trọng nhất là .resolve()và .reject(). Khi các phương thức này được gọi trên đối tượng hoãn lại, tất cả các cuộc gọi lại được gọi. .resolve()kích hoạt .done()và .always()gọi lại trong khi .reject()phương thức gọi .fail()và .always()gọi lại.

Nói chung, đối tượng hoãn lại được giữ trong một phạm vi riêng tư và đối tượng lời hứa được trả về từ hàm để có thể đặt lại các cuộc gọi lại trên nó. Đối tượng bị trì hoãn sẽ được giải quyết sau đó, chẳng hạn như sau khi yêu cầu ajax hoàn thành hoặc sau khi hình ảnh được tải, sau khi setTimeout, v.v. Điều quan trọng là phải nhận ra rằng một đối tượng bị trì hoãn chỉ có thể được giải quyết một lần. Nếu nó đã được giải quyết, các cuộc gọi lại sẽ được gọi ngay lập tức.

Đây là một ví dụ khác, một ví dụ mà tôi sử dụng:

function loadImage(url) {
    var def = $.Deferred(),
        img = new Image();
    $(img).on("load error",function(e){
        if (e.type === "error") {
            def.reject(url);
        }
        else {
            def.resolve(url);
        }
    });
    img.src = url;
    // return the promise object so that callbacks can
    // be defined on the deferred object.
    return def.promise();
}
loadImage("foobar.jpg").done(function(){
    alert("The image is loaded!");
}).fail(function(){
    alert("The image failed to load!");
}).always(function(){
    alert("This is always called!");
});

Để biết thêm thông tin về $.Deferred()phương thức của jQuery và các đối tượng bị trì hoãn, hãy truy cập http://api.jquery.com/carget/deferred-object/

Tôi không chắc chắn nhưng tôi tin rằng một cuộc gọi lại bị từ chối đề cập đến một cuộc gọi lại không đồng bộ, vì vậy bạn sẽ gặp may mắn hơn khi tìm kiếm điều đó.

Giải thích tốt nhất tôi tìm thấy là tại http://www.nodebeginner.org

Xin chào, có lẽ làExpensiveFunction (), vui lòng thực hiện công cụ của bạn, nhưng tôi, luồng Node.js duy nhất, sẽ không đợi ở đây cho đến khi bạn kết thúc, tôi sẽ tiếp tục thực thi các dòng mã bên dưới bạn, vì vậy bạn vui lòng lấy hàm gọi lại này () ở đây và gọi nó khi bạn hoàn thành công việc đắt tiền của mình? Cảm ơn!"

Trong ví dụ này, có lẽExpensiveFunction là một chức năng không chặn (hoặc async). Điều này có nghĩa là nó không được thực thi ngay mà được đặt trong một vòng lặp sự kiện. Chuỗi node.js sẽ tiếp tục thực thi, nhưng tại một số thời điểm, nó sẽ quyết định thực hiện một cái gì đó từ vòng lặp sự kiện. Khi nó đạt tới có lẽExpensiveFunction, nó gọi nó và khi có lẽExpensiveFunction kết thúc thực thi, nó gọi hàm gọi lại (hoãn lại) được truyền dưới dạng tham số cho nó.

Như một ví dụ về có lẽ làExpensiveFunction, bạn có thể lấy fs.readFile

JavaScript là một luồng đơn, vì vậy bạn không thể nghĩ về các luồng để hiểu điều này. Dưới đây là một ví dụ về cả các cuộc gọi lại thông thường và không đồng bộ khi sử dụng jQuery:

var regularCallback = function(evt) {
    alert("I'm a callback!")
}
var asyncCallback = function(data) {
    alert("I only run when an async operation finishes!")
}

// Bind the regular callback to a button's click event
$('#mybutton').on('click', regularCallback);

// Start an ajax request to the server. The request is asynchronous, so code
// below this line will execute immediately. The callback function
// will only be called when the request is complete.
$.get("http://google.com", asyncCallback);

Cuộc gọi lại bị trì hoãn (còn gọi là Lời hứa ) cho phép bạn viết mã không đồng bộ tuần tự, không bị đau và gọi lại spaghetti:

$.when( doAjax(), doAnotherAjax() ).then( haveFunWithMoreAjax ).then( animateStuff );

'khi' cho phép bạn chờ các chức năng hoạt động song song và thencó thể được nối tiếp nhau.

một lưu ý: jQuery hoãn lại ! = Promices / A , cú pháp của chúng hơi khác một chút.

Có nhiều bài viết hay về chủ đề: một bài tại IEBlog và bài khác trong một số blog ngẫu nhiên , một cuốn sách và một câu hỏi stackoverflow phổ biến