什么时候或者谁将解析和拒绝函数传递给JSpromise？

Question

我已经开始学习javascriptpromise。但是我就是不能理解promise的概念。最困扰我的是谁将Resolver和Reject函数传递给promise构造函数？

参见以下promise示例：

function getImage(url){
    return new Promise(function(resolve, reject){
        var img = new Image()
        img.onload = function(){
            resolve(url)
        }
        img.onerror = function(){
            reject(url)
        }
        img.src = url
    })
}

现在谁来传递resolve和rejects方法，因为我对javascript的理解告诉我，由于没有定义resolve和rejects，这个脚本将抛出未知变量错误？

getImage('doggy.jpg').then(function(successurl){
    document.getElementById('doggyplayground').innerHTML = '<img src="' + successurl + '" />'
}).catch(function(errorurl){
    console.log('Error loading ' + errorurl)
})

现在您看到了一个类似于上面的方法，传递这些方法（resolve和reject）的唯一方式是通过then和catch，正如上面对getImage的方法调用中所使用的那样。

Answer 1

我在理解promise时也遇到了同样的问题。你需要仔细观察promise创造的过程。当您编写var promise=newpromise（函数（解析、拒绝）{…}）

实际上，您正在调用Promise类的构造函数或创建Promise类的对象。现在，Promise构造函数需要一个函数回调。现在resolve和reject只是函数参数，而不是任何其他值。您可以编写任何内容来代替resolve或rejectHandler，如resolveHandler或rejectHandler。

这些解析或拒绝只不过是Promise执行时调用的函数回调。

现在，当Promise成功执行时，将调用解析；当Promise执行错误或失败时，将调用拒绝。

调用resolve的参数可以在内部访问，然后像这样访问

getImage().then(function(valueSentInResolve){ console.log('')})

调用reject的参数可以在catch中访问，如下所示

getImage().then(function(valueSentInResolve)
  {//..do something}
).catch(function(errorSentInReject){
  console.log('error',errorSentInReject )
})

我希望这会有帮助。如果我说错了什么，请告诉我。

Answer 2

Promise构造函数使用回调进行初始化，调用回调时，构造函数将reject和resolve作为参数传递。

下面是一个简单的演示：

class PromiseDemo {
  constructor(cb) {
    cb(this.resolve.bind(this), this.reject.bind(this));
  }
  
  resolve(d) {
    console.log('resolve', d);
  }
  
  reject(d) {
    console.log('reject', d);
  }
}

new PromiseDemo((resolve, reject) => {
  Math.random() > 0.5 ? resolve('1') : reject('1');
});

Answer 3

最让我困扰的是谁在将解析器和拒绝函数传递给promise构造函数？

没有人

函数由promise构造函数传递。

它们被传递给作为第一个参数传递给promise构造函数的函数。