uniapp如何封装全局方法并返回执行结果

原创

兔云小新LM

发布于 2023-05-25 03:29:24

3.2K00

代码可运行

文章被收录于专栏：菜鸟成长学习笔记菜鸟成长学习笔记

运行总次数：0

代码可运行

在uniapp中你可以这样实现，你可以使用Promise对象来实现当全局公共方法执行完后执行调用者的逻辑。以下是一个简单的示例代码：

修改common.js文件中的代码，使用Promise对象封装公共方法：

// common.js
export default {
  // 定义一个全局公共方法
  commonMethod() {
    // 返回一个Promise对象
    return new Promise((resolve, reject) => {
      // 执行操作，获取结果
      let result = "执行结果";
      // 将执行结果返回给调用者
      resolve(result);
    });
  }
}

在页面中调用全局公共方法，并使用await关键字等待公共方法执行完毕后获取执行的结果：

export default {
  methods: {
    // 调用全局公共方法，并执行其他逻辑
    async getResult() {
      let result = await this.$Common.commonMethod();
      // 全局公共方法执行完毕后，在执行其他逻辑
      console.log('执行其他逻辑');
      return result;
    }
  }
}

在上面的代码中，我们将全局公共方法封装在一个Promise对象中，并在公共方法中使用resolve()方法将执行结果返回给调用者。然后，在页面中使用async/await语法，使用await关键字等待全局公共方法执行完毕，并获取执行的结果。最后，我们在获取执行结果后，可以执行其他逻辑。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

javascript