javascript - 如何在 JS 应用程序中创建 onReady promise

Question

我正在学习 JS 中的一些高级主题，并且我正在尝试理解一些东西。

我已经编写了一个 VueJS 应用程序，我需要在 Vue 本身之外公开一些来自 Vue 的数据和可能的方法。我正在使用 vuex。

这样用户就可以在前端使用普通的JS来扩展应用。

这个想法是用户会在前端添加这样的东西。我见过几个 JS 框架/应用程序做这样的事情。

AppName.onReady.then(函数(实例){
//使用实例对象
var email = instance.data["email"]
var name = instance.data["名称"]
var isComplete = member.isComplete
})

现在我想了解的是我的应用程序中完成上述工作所需的代码。

我从代码中知道它是一个用 new AppName({}) 调用的 AppName 类，它有一个已解决但不确定如何实现的 promise 。

Answer 1

这是返回 promise 的示例。

const AppName = {
  onReady() {
    return new Promise( (resolve, reject) => {
      // do your stuff here, then call resolve().
      // sample follows
      setTimeout(()=>{resolve()}, 1000)
    })
  }
}

这样调用它。确保调用 onReady()，而不仅仅是 onReady。

AppName.onReady().then(()=>{
  // your code here.
})