JS:Promise基本使用

目录

  • 一、出现场景
  • 二、具体使用


一、出现场景

在前端开发中,经常会出现下一个方法需要上一个方法的返回值,我们需要等待第一个方法执行完成之后再执行第二个方法。

Promise的三种状态:

  • 待定(pending):初始状态,既没有被兑现,也没有被拒绝。
  • 已兑现(fulfilled):意味着操作成功完成。
  • 已拒绝(rejected):意味着操作失败。

二、具体使用

首先我们需要创建一个Promise

var data = new Promise(function(resolve, reject){
    uni.getLocation({
      type: 'wgs84', // 返回可以用于uni.openLocation的经纬度
      success: function (res) {
        let longitude = res.longitude; // 经度
        let latitude = res.latitude; // 纬度
        resolve({latitude, longitude});
      },
      fail: function (err) {
        reject(err);
      }
    });
});
return data

等待方法执行完成之后获取经纬度

async handleClickWellSite() {
  let {longitude, latitude} = await this.getLocateCoordinate()
  console.log("经度", longitude, "纬度", latitude)
},

你可能感兴趣的:(JS,javascript,前端,开发语言)