无法完全理解Javascript中的Promises

Question

所以我主要了解如何正确编写ES6风格的promise以及如何使其工作。但是现在我试图理解幕后的一切是如何运作的。

我已经研究了好几个小时，找不到任何能完全回答我问题的东西（至少用我能理解的足够简单的术语）。对我来说，最令人困惑的部分之一是.reslove（）和.reject（）回调，它们是传递给Promise构造函数的匿名函数的参数。

正如您在下面的代码中看到的，在我的条件语句中调用了解决（）和拒绝（）函数，这取决于let bool是真还是假。

如何调用匿名函数内部的解析和拒绝函数？

谁叫决心和拒绝？在普通回调中，有一个函数名被传递到另一个函数参数中，该参数允许您在主函数中通过其参数名调用传递的函数。但是，传递到匿名函数中的是什么呢？该匿名函数传递到为resolve和reject参数命名的Promise构造函数中的是什么？

根据传递或失败条件，似乎传递到解析和拒绝的字符串被传递到然后或捕获，但是Javascript如何知道将解析链接到然后并拒绝捕获呢？然后，如何传递字符串'Pass'或'Fail'到其中的匿名函数，允许将字符串打印到控制台？

var p = new Promise(function(resolve, reject) {

    let bool = false;

    if (bool) {
        resolve('Pass');
    } else {
        reject('Fail');
    }

});

p.then(function(val) {
    console.log(val);
}).catch(function(val) {
    console.log(val);
});

如果这是一个混乱的地方，很抱歉。但我对promise的逻辑感到沮丧和困惑。

Answer 1

下面是一个（极其）简化的例子。

class P{
  constructor(callback){
    callback(v=>this.resvalue=v, v=>this.rejvalue=v)
  }
}

let p = new P((resolve,reject)=>{
  resolve(1);
})

console.log(p)

Answer 2

你有没有去过披萨店，在那里你点了披萨，然后你没有马上拿到披萨，但是你有一个蜂鸣器设备，当你的披萨准备好了，它会警告你？这正是Promise的含义。

传递给Promise的构造函数的函数是准备比萨饼的厨师。cook接受两个参数，它们是函数。厨师吃完比萨饼后，将调用resolve函数。如果出现问题，比萨饼无法完成，它将调用reject函数。

谁叫决心和拒绝？

传递给Promise（厨师）的构造函数的函数。它就在您的代码中：

if (bool) {
    resolve('Pass');  // Call the resolve function
} else {
    reject('Fail');   // Call the reject function
}

通过调用Promise对象上的then（…）和catch（…）来提供要调用的实际函数。

p.then(function(val) {    // <= This function is the actual resolve function
    console.log(val);
}).catch(function(val) {  // <= This function is the actual reject function
    console.log(val);
});

使用一个具体的例子，比如厨师和比萨饼，可能比使用抽象概念更容易理解：

function pizzaCook(resolve, reject) {
    let bool = false;

    if (bool) {
        resolve('Pizza is ready!');
    } else {
        reject('Sorry, the oven is broken!');
    }
}

var p = new Promise(pizzaCook);

function letsEat(msg) {
    console.log('Great, I can eat now, the cook said: ' + msg);
}

function stayHungry(msg) {
    console.log('Oh no, I will stay hungry, because: ' + msg);
}

p.then(letsEat).catch(stayHungry);

Answer 3

你可以阅读更多关于https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/Promise

也可以在任何现代IDE中随意检查Promise类。

TLDR；总之，Promise有一个内部执行器，它将您的“传递”值与p.then处理程序挂钩，但在您调用拒绝（“失败”）时抛出一个由。