为什么这不异步运行（因为里面有 Promise）？ [复制]

Question

我是 javascript 的新手，我一直在学习 Promise，最近我开始研究一些简单的列表，该列表以随机延迟 (setTimeout) 检索，我认为这是一个经典的。在尝试并进行了一些研究之后，我发现我发布的帖子对我有很大帮助，而且效果很好，但是在查看了该帖子对我所做的建议之后，我注意到差异是两个括号......我一直在阅读和试图理解为什么括号会产生如此大的差异（两个选项都有效），但我不明白。

有人能解释一下有什么区别吗？我提到的括号在函数 loadIng() 的第 5 行和第 12 行中，第一行的左括号和第二行的右括号。

{
    new Promise(resolve => {
    ...
    })
}

如果我运行带括号的代码，它会同步运行，但如果我不带括号运行它，它会异步运行......我真的不明白。

function loadIngs() {
    p = Promise.resolve();
    for (let [k, v] of someArray) {
        p = p.then(() => 
            {new Promise(resolve => { //this
                delay = Math.random() * 2000;
                console.log(`${k}:${v} comes delayed for ${delay}`)
                setTimeout(() => {
                    console.log("executes some function")
                    resolve();
                }, delay);
            })} //this
        );
    }
}

Answer 1

这里的区别与箭头函数的自动返回值有关，该箭头函数在单个语句函数体周围不使用括号。

如果您在谈论 loadIngs() 函数中的 new Promise()，请点击此处：

function loadIngs() {
    p = Promise.resolve();
    for (let [k, v] of ings) {
        p = p.then(() => 
            {new Promise(resolve => {
                delay = Math.random() * 2000;
                console.log(`${k} comes delayed for ${delay}`)
                setTimeout(() => {
                    setIng(k, v);
                    resolve();
                }, delay);
            })}
        );
    }
}

那么new Promise() 周围的括号是可选的。

单个语句箭头函数体可以用括号声明，也可以不带括号声明。这是一个简单的例子：

setTimeout(() => console.log("hi"), 100) 

setTimeout(() => { console.log("hi") }, 100)

这些几乎是一样的。由于函数体是单个语句console.log("hi")，因此箭头函数体可以独立存在，也可以用括号括起来。两者都可以，并为返回值生成相同的执行。如果你使用brackets，那么如果你想要一个特定的返回值，你就需要一个return 语句。如果没有括号，单个语句的value 会自动成为该箭头函数的返回值。

这个返回值在你的 Promise 示例中有所不同。因此，对于 loadIngs() 函数中的 p.then(() => ...) 结构。它可以是：

p.then(() => { return new Promise(...) })

也可以是：

p.then(() => new Promise(...) )

这两个执行相同。但是，请注意，这与您的代码中显示的并不完全相同。我在new Promise() 前面添加了return。当您删除 return 时，则：

p.then(() => { new Promise(...) })

箭头函数没有返回值。这意味着当您创建一个新的 Promise 时，您不会从 .then() 处理程序中返回它，因此它不会链接到父 Promise 链中，并且您会获得多个独立的 Promise 链。

这将造成执行差异，并且可能是您所说的“异步运行”时所说的原因。这并不完全是我要描述的方式，但它确实会在事情运行的时间上产生差异，因为在一种情况下，您有一个链接的 Promise 链，而在另一种情况下，您有两个独立的、独立的 Promise 链。