为什么我们使用promise而不是if/then语句？

Question

我正在学习亚当·简斯的合唱团教程。

数据是用这个代码块加载的

var promises = [
  d3.json("https://d3js.org/us-10m.v1.json"),
  d3.tsv("unemployment.tsv", function(d) { unemployment.set(d.id, +d.rate); })
]

Promise.all(promises).then(ready)

而准备就绪被定义为

function ready([us]) {
  svg.append("g")
      .attr("class", "counties")
    .selectAll("path")
    .data(topojson.feature(us, us.objects.counties).features)
    .enter().append("path")
      .attr("fill", function(d) { return color(d.rate = unemployment.get(d.id)); })
      .attr("d", path)
    .append("title")
      .text(function(d) { return d.rate + "%"; });

  svg.append("path")
      .datum(topojson.mesh(us, us.objects.states, function(a, b) { return a !== b; }))
      .attr("class", "states")
      .attr("d", path);
}

我把这个序列理解为

首先-创建一个名为promises的数组，其中第一项是来自此链接的已解析json，第二项是来自该文件的id/值对的映射

第二，获取promise变量中的所有promise，如果成功，则触发函数ready，如果失败，则不执行任何操作

如果这是对的，那么相对于这样的东西有什么优势呢？我用伪代码写这个因为我是新手

var promises = [
  d3.json("https://d3js.org/us-10m.v1.json"),
  d3.tsv("unemployment.tsv", function(d) { unemployment.set(d.id, +d.rate); })
]

if(promises == 'SUCCESS'){ function(ready) };

请注意，我读到了一些promise及其优势，因为javascript是单线程的。我问这个问题，因为我并不觉得发生了任何异步事件，所以在这两种情况下，代码都必须加载promises数组。

Answer 1

我并不认为发生了任何异步事件

你错了。d3.json和d3.tsv都是异步调用，它们从网络上加载文件。

制作一个数组，其中第一项是已解析的json，第二项是映射

不会。这些呼叫返回的是promise，而不是立即可用且可以同步检查其成功的结果。您可能需要更新有关Promise对象表示什么的知识。

Answer 2

d3.json（）和d3.tsv（）都是异步网络调用；这些promise将在调用完成时解决。您的伪代码不起作用，因为if将在异步调用完成后立即运行，而不是在它们完成后运行。

promise是一种表达“做这件事需要一段时间，然后当它完成时，用它的结果做一些事情”的方式。（正如评论中指出的，这是一个简化的定义，但可能已经足够开始了。）同步版本是“做这件事需要一段时间，然后立即尝试用结果做一些事情（还没有到达）。”

Promise.all(promises).then(ready);

在本例中，您实际上将promise包装在另一个promise中——两个d3调用都是一个promise，然后promise。all（）将另一个promise包装在这两个promise周围，它将等待两个内部promise都完成后再触发其then（）。

这与javascript是单线程的无关；它只是改变了事件的顺序。澄清：

console.log("Before promises");
Promise.all(promises).then(function() {
   console.log("Promises have resolved");
});
console.log("After promises");

将导致此输出：

> Before promises
> After promises
> Promises have resolved