本文主要說一下Promise，Prepending(進行時)，Resolve(成功了)，Reject(失敗了)，then在小程式中的實際應用

關於promise的介紹什麼的就不說了網上一搜一大堆,這裡只說他的實際應用的程式碼

var promise = new Promise(function(resolve, reject) {
  // ... some code
  if (/* 非同步操作成功 */){
    resolve(value);
  } else {
    reject(error);
  }
});

上面給出的是promise的寫法我們一般寫的時候會在一個方法中去寫,下面我就貼出他的實際應用的程式碼(需要往下傳遞引數的寫法)

App({
  onLaunch: function () {
    this.xuexi();
  },
  xuexi:function(){
     this.test()
     .then(jj =>{
       //這裡是將test方法中resolve返回值賦值給下一個方法,
       //在這裡可以對資料進行判斷是否繼續進行
       return this.runAsync1(jj);
     })
     .then(hh =>{
       //這裡是將runAsync1方法中resolve返回值賦值給下一個方法
       return
 
 this.runAsync2(hh);
     })
     .then(mm =>{
       //這裡是將runAsync2方法中resolve返回值賦值給下一個方法
       this.runAsync3(mm);
     })
  }

  test: function(){
    var p = new Promise(function (resolve, reject) {
      setTimeout(function () {
      //注意:一旦你把promise的狀態定義了哪他的狀態就不會再改變.
      //比如我這裡先寫的resolve下面又跟著寫了reject,
 

      //reject的程式碼會執行但是promise的狀態是不會變的就是reject
        resolve("呼叫成功");
        reject("呼叫失敗"); 
      }, 5000);
    })
    return p;
  },
  
  runAsync1 :function(jj){
    var p = new Promise(function (resolve, reject) {
      //做一些非同步操作
      setTimeout(function () {
        console.log(jj);
        resolve("測試的資料1");
      }, 3000);
    });
    return p;
  },
  runAsync2: function (hh) {
      var p = new Promise(function (resolve, reject) {
        //做一些非同步操作
        setTimeout(function () {
          console.log(hh);
          resolve('隨便什麼資料2');
        }, 2000);
      });
      return p;
    },
    runAsync3: function (mm) {
      var p = new Promise(function (resolve, reject) {
        //做一些非同步操作
        setTimeout(function () {
          console.log(mm);
          // resolve('隨便什麼資料6');
        }, 2000);
      });
      return p;
    },
})

不需要傳遞引數的寫法就是等待一個完成了就進行下一個的寫法

App({
  onLaunch: function () {
    this.xuexi();
  },
  xuexi:function(){
     //只是等待上一個完成後就進行下一個不關心上一個的狀態,沒有資料的互動
     this.test()
     .then(this.runAsync1);
     .then(this.runAsync2);
     .then(this.runAsync3);
  }

  test: function(){
    var p = new Promise(function (resolve, reject) {
      setTimeout(function () {
      //注意:一旦你把promise的狀態定義了哪他的狀態就不會再改變.
      //比如我這裡先寫的resolve下面又跟著寫了reject,reject的程式碼會執行但是promise的狀態是不會變的就是reject
        resolve("呼叫成功");
        reject("呼叫失敗"); 
      }, 5000);
    })
    return p;
  },
  
  runAsync1 :function(jj){
    var p = new Promise(function (resolve, reject) {
      //做一些非同步操作
      setTimeout(function () {
        console.log(jj);
        resolve("測試的資料1");
      }, 3000);
    });
    return p;
  },
  runAsync2: function (hh) {
      var p = new Promise(function (resolve, reject) {
        //做一些非同步操作
        setTimeout(function () {
          console.log(hh);
          resolve('隨便什麼資料2');
        }, 2000);
      });
      return p;
    },
    runAsync3: function (mm) {
      var p = new Promise(function (resolve, reject) {
        //做一些非同步操作
        setTimeout(function () {
          console.log(mm);
          // resolve('隨便什麼資料6');
        }, 2000);
      });
      return p;
    },
})

建議一個promise後面跟隨一個catch去捕捉promise內部產生的錯誤

轉: https://www.jianshu.com/p/acbc8986903a