Tại sao javascript ES6 Promises tiếp tục thực thi sau khi giải quyết?

Theo tôi hiểu thì một lời hứa là thứ có thể giải quyết () hoặc từ chối () nhưng tôi đã rất ngạc nhiên khi phát hiện ra rằng mã trong lời hứa vẫn tiếp tục thực thi sau khi một giải quyết hoặc từ chối được gọi.

Tôi coi giải quyết hoặc từ chối là một phiên bản thoát hoặc trả lại không thân thiện với đồng bộ, điều này sẽ tạm dừng tất cả việc thực thi chức năng ngay lập tức.

Ai đó có thể giải thích suy nghĩ đằng sau lý do tại sao ví dụ sau đôi khi hiển thị console.log sau một cuộc gọi giải quyết:

var call = function() {
    return new Promise(function(resolve, reject) {
        resolve();
        console.log("Doing more stuff, should not be visible after a resolve!");
    });
};

call().then(function() {
    console.log("resolved");
});

jsbin

JavaScript có khái niệm "chạy để hoàn thành" . Trừ khi một lỗi được tạo ra, một hàm được thực thi cho đến khi đạt đến một returncâu lệnh hoặc kết thúc của nó. Mã khác bên ngoài chức năng không thể can thiệp vào điều đó (trừ khi, một lần nữa, một lỗi được đưa ra).

Nếu bạn muốn resolve()thoát khỏi chức năng khởi tạo của mình, bạn phải thêm nó bằng cách return:

return new Promise(function(resolve, reject) {
    return resolve();
    console.log("Not doing more stuff after a return statement");
});

Các lệnh gọi lại sẽ được gọi khi bạn resolvemột lời hứa vẫn được đặc tả yêu cầu gọi là không đồng bộ. Điều này là để đảm bảo hành vi nhất quán khi sử dụng các lời hứa cho sự kết hợp của các hành động đồng bộ và không đồng bộ.

Do đó, khi bạn gọi resolvelệnh gọi lại được xếp hàng đợi và việc thực thi hàm tiếp tục ngay lập tức với bất kỳ mã nào sau lệnh resolve()gọi.

Chỉ khi vòng lặp sự kiện JS được cấp lại quyền kiểm soát thì lệnh gọi lại có thể bị xóa khỏi hàng đợi và thực sự được gọi.