¿Por qué las promesas de JavaScript ES6 continúan ejecutándose después de una resolución?

Según tengo entendido, una promesa es algo que puede resolver () o rechazar (), pero me sorprendió descubrir que el código de la promesa continúa ejecutándose después de que se llama a resolver o rechazar.

Consideré que resolver o rechazar es una versión de salida o retorno compatible con asíncronos, que detendría la ejecución inmediata de todas las funciones.

¿Alguien puede explicar la idea detrás de por qué el siguiente ejemplo a veces muestra el archivo console.log después de una llamada de resolución?

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 tiene el concepto de "ejecutar hasta el final" . A menos que se arroje un error, una función se ejecuta hasta que returnse alcanza una declaración o su final. Otro código fuera de la función no puede interferir con eso (a menos que, nuevamente, se arroje un error).

Si desea resolve()salir de su función de inicializador, debe anteponerla con return:

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

Las devoluciones de llamada que se invocarán cuando usted haga resolveuna promesa aún son requeridas por la especificación para ser llamadas asincrónicamente. Esto es para asegurar un comportamiento consistente cuando se utilizan promesas para una combinación de acciones sincrónicas y asincrónicas.

Por lo tanto, cuando invoca, resolvela devolución de llamada se pone en cola y la ejecución de la función continúa inmediatamente con cualquier código que siga a la resolve()llamada.

Solo una vez que se devuelve el control al bucle de eventos JS, se puede eliminar la devolución de llamada de la cola y realmente se invoca.