一个参数有闭包，另一个参数是从承诺返回的函数？

Question

我正在努力处理涉及一组承诺中的闭包的代码块。这个例子说明了这个问题。问题是让这三个 Promise 示例中的最后一个在 q 上关闭并使用 Promise 的结果。前两个有效，似乎是因为 Promise 的成功处理程序只是没有任何其他参数的闭包函数，这意味着 Promise 的结果没有作为参数显式传递。第三个 promise 的成功函数尝试传递结果对象的属性，但这导致q 上没有闭包。目标是让q 是 5 而不是 7。我很抱歉，因为我确信我使用了所有错误的编码术语。

你能解释一下我错过了什么吗？谢谢。

let q = 1;
let f = (function (x) {
  return function (r) {
    result(x, r);
  }
})(q);

q = 5;

promise_test().then((r) => {
  f(r);
}, () => { });

promise_test().then((function (x) {
  return function (r) {
    result(x, r);
  }
})(q), () => { });

promise_test_obj().then((o) => (function (x) {
  return function (r) {
    result(x, r);
  }
})(q)(o.m), () => { });

q = 7;

function promise_test() {
  return new Promise((resolve, reject) => {
    setTimeout(function () {
      resolve('promise test resolved');
    }, 100);
  });
}

function promise_test_obj() {
  return new Promise((resolve, reject) => {
    setTimeout(function () {
      resolve({ 'm': 'promise test_obj resolved' });
    }, 100);
  });
}

function result(a, r) {
  console.log('q : ' + a + ', r : ' + r);
}

Answer 1

省略所有不必要的 IIFE 混乱，你基本上有

q = 1,
f = (…)(q);

q = 5;
….then((…)(q));

….then(o => (…)(q)(o.m));
q = 7;

不同之处在于，在第三个示例中，q 变量在 o => … 箭头函数内部计算，该函数在 q = 7 赋值后异步调用。相比之下，其他两个立即评估q，因此它分别采用1 和5 的值。

要解决这个问题，请写

f = (function(x) {
  return o => result(x, o.m)
}(q); // here q is still 5
promise_test_obj().then(f);

另见closure not working。

Answer 2

promise_test_obj 示例中传递给then 方法的函数将在外部作用域中q 的值设置为7 时在100ms 后执行。

  o =>
    (function(x) {
      return function(r) {
        result(x, r);
      };
    })(q)(o.m),

因此，在使用参数{ m: "promise test_obj resolved" } 调用此函数时，q 的值为 7。上面示例中的以下代码：

(function(x) {
      return function(r) {
        result(x, r);
      };
    })(q)

被异步调用，而在其他 2 个示例中它被同步调用。