微信小程序中如實現按順序同步執行

這篇文章給大家分享的是有關微信小程序中如實現按順序同步執行的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

小程序按順序同步執行有如下兩種方式：

第一種方式：回調函數執行，后一個方法寫到前一個的回調函數中從而實現順序執行

缺點：嵌套太多，代碼混輪

第二種方式：async-await 同步執行，此方法等待前面方法執行完畢才繼續后續執行

優點：代碼可讀性高

以檢查文本安全性為例給出兩種不同方式代碼以供參考

async-await

/**
 * 同步檢查是否包含敏感詞
 */
 
// async function checkString(content) {
//   try {
//     var res = await wx.cloud.callFunction({
//       name: 'checkString',
//       data: {
//         content: content,
//       }
//     });
//     if (res.result.errCode == 0)
//       return true;
//     return false;
//   } catch (err) {
//     console.log(err);
//     return false;
//   }
// }
 
 
	// pubcom: async function (e) {
	// 	wx.showLoading({
	// 		title: '加載中',
	// 		mask: true
	// 	})
 
	// 	var that = this
	// 	var doc_id = that.data.commentID
	// 	var content = that.data.comcon
	// 	var formId = e.detail.formId;
	// 	if (!content) {
	// 		return
	// 	}
	// 	var isCheck = await common.checkString(content);
	// 	if (!isCheck) {
	// 		wx.showToast({
	// 			title: '含有敏感詞',
	// 			image: "/assets/icon/icon-warning.png",
	// 		});
	// 		return
	// 	}
    //后續代碼 
 	

（學習視頻分享：php視頻教程）

回調方式

/**
 * 異步檢查
 */
function checkString(content,success,fail){
  wx.cloud.callFunction({
    name: 'checkString',
    data: {
      content: content,
    }
  }).then(res => {
    console.log(res);
    if (res.result.errCode == 0)
			success(res);
  }).catch(err => {
    console.error(err);
		fail(err);
  });
}
 
pubcom: function (e) {
		wx.showLoading({
			title: '加載中',
			mask: true
		})
 
		var that = this
	
		var content = that.data.comcon
		
		if (!content) {
			return
		}
		common.checkString(content, function (res) { 
			//成功代碼
		}, function (err) {
            //失敗
			wx.showToast({
				title: '含有敏感詞',
				image: "/assets/icon/icon-warning.png",
			});
			return});
	},

感謝各位的閱讀！關于“微信小程序中如實現按順序同步執行”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！