JavaScript ES6 Promises bir çözümün ardından neden yürütülmeye devam ediyor?

Anladığım kadarıyla bir söz, çözebilen () veya reddedebilen () bir şeydir, ancak sözdeki kodun bir çözüm veya reddetme çağrıldıktan sonra çalışmaya devam ettiğini öğrenmek beni şaşırttı.

Çözme veya reddetmeyi, tüm anında işlev yürütmeyi durduracak, çıkış veya dönüşün eşzamansız bir sürümü olduğunu düşündüm.

Birisi, aşağıdaki örneğin bir çözümleme çağrısından sonra bazen console.log'u gösterdiğinin arkasındaki düşünceyi açıklayabilir mi?

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, "sonuna kadar çalıştır" konseptine sahiptir . Bir hata atılmadığı sürece, bir returnifadeye veya sonuna ulaşılana kadar bir işlev yürütülür . İşlevin dışındaki diğer kodlar buna müdahale edemez (yine bir hata atılmadıkça).

İsterseniz resolve()sizin Başlatıcı fonksiyonunu çıkmak için bunu aşağıdaki şekilde başa eklemek zorunda return:

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

resolveBir söz verdiğinizde çağrılacak geri aramaların yine de belirtim tarafından eşzamansız olarak çağrılması gerekir. Bu, eşzamanlı ve eşzamansız eylemlerin bir karışımı için vaatler kullanılırken tutarlı davranış sağlamak içindir.

Bu nedenle resolve, geri aramayı başlattığınızda , geri arama sıraya alınır ve işlev yürütme, resolve()aramayı izleyen herhangi bir kodla hemen devam eder .

Yalnızca JS olay döngüsüne geri kontrol verildiğinde, geri arama kuyruktan kaldırılabilir ve gerçekten çağrılabilir.