微信小程序前端promise封装代码实例

const config = {   base_url_api : "https://douban.uieee.com/v2/movie/",}export {config}

import { config } from "../config";class HTTP {  requset({ url, method = "GET", data = {} }) {    const promise = new Promise((resolve, reject) => {      wx.request({        url: config.base_url_api + url,        data,        method,        header: {          'Content-Type': 'json'        },        success: res => {          //状态码 toString() 转成字符串          const statusCode = res.statusCode.toString();          if (statusCode.startsWith("2")) {            resolve(res.data)          } else {            this._show_error();          }        },        fail: res => {          reject(err);          this._show_error();        }      })    })    return promise;  }  _show_error() {    wx.showToast({      title: '网络错误',      icon: 'none'    })  }}export { HTTP }

import {HTTP} from "../utils/http";class MovieModel extends HTTP{  getInTheaters(){    return this.requset({      url:"in_theaters"    })  }  getTop250(){    return this.requset({      url:"top250"    })  }  getComingSoon(){    return this.requset({      url:"coming_soon"    })  }}export {MovieModel};

const app = getApp();import {MovieModel} from "../../model/movie";const movieModel = new MovieModel();Page({ onLoad(){  // movieModel.getInTheaters().then(res=>{  //  console.log(res)  // })  const inTheaters = movieModel.getInTheaters()  const top250 = movieModel.getTop250();  const comingSoon = movieModel.getComingSoon();  Promise.all([inTheaters,top250,comingSoon]).then(res=>{   let[inTheaters,top250,comingSoon] = res;   console.log(inTheaters)  }) }})