Promise 作为类方法调用触发 object.then 解析

Question

我有一个包含 db 方法的类，它封装在一个代理中，该代理处理对属性的访问。由于问题与承诺有关，因此这里有一个简化的示例代码，它重现了相同的问题：

const handler = {
  ownKeys(target) {
    return Object.keys(target._attributes)
  },
  get(target, property) {
    console.log(`<-${property}`) // <-- this logs what properties are being accessed
    if (typeof target[property] !== 'undefined') {
        return Reflect.get(target, property)
    }
    return Reflect.get(target._attributes, property)
  },
  set(target, property, value) {
    target._attributes[property] = value
    return true
  }
}
class User {
    static table = 'users'
    static fetch(query = {}, opts = {}) {
        return new Promise((resolve, reject) => {
          setTimeout(() => {
            resolve(new this(query))
          }, 500)
        })
    }
    constructor(attributes = {}) {
        this._attributes = attributes
        return new Proxy(this, handler)
    }
}
async function trigger() {
  const user = await User.fetch({test:'test'})
  console.log(JSON.stringify(user._attributes))
}
trigger()

一切正常，在测试期间，我向代理添加了打印输出以确定使用此类模型设计的性能影响，并且我注意到我的模型 get 是从承诺链中调用的。

示例输出如下：

<-then
<-_attributes
{"test":"test"}

我猜返回new this(query) 会导致promise 认为它可能是一个返回的promise，因此.then() 被执行。 我发现的唯一解决方法是将解析响应包装在新数组或另一个像这样的对象中：

static fetch(query = {}, opts = {}) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve([new this(query)])
    }, 500)
  })
}
// Output
// 2
// <-_attributes
// {"test":"test"}

我想知道的是，这是正确的方法吗？还有其他解决方案可以解决这种副作用吗？

Answer 1

始终检查作为 promise 的结果传递给的所有对象，以查看它是否具有 then 属性。如果是，则该函数用于对条目进行排队以获得最终值。这就是为什么逻辑喜欢

Promise.resolve()
   .then(() => {
       return Promise.resolve(45);
   })
   .then(result => {
       console.log(result);
   });

记录45 而不是一个承诺对象。由于 Promise 对象具有 .then 属性，因此它用于解开 Promise 值。同样的行为发生在您的 resolve(new this(query)) 案例中，因为它需要知道是否有要解包的值。

正如你所说，在你的帖子中评论，你当然可以用非代理包装实例，例如

resolve({ value: new this(query) })

这将在 that 对象上而不是在您的代理上检查 .then，但是您必须执行 .value 才能真正获得代理，这可能会很痛苦。

归根结底，这是你必须做出的选择。