最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

微信小程序 引入es6 promise

 更新時(shí)間:2017年04月12日 09:00:10   作者:dzp_coder  
本篇文章主要介紹了微信小程序引入es6 promise的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧

微信小程序開發(fā)兩個(gè)月了.大家的項(xiàng)目都在不斷迭代.已經(jīng)不是小程序.這時(shí)候就會(huì)遇到多層回調(diào)嵌套的問(wèn)題.有些目不忍視了.迫不得已引入es6-promise.在微信小程序內(nèi)測(cè)的時(shí)候promise不需要手動(dòng)引入,后來(lái)被微信移除了.看看效果.

 

promise詳細(xì)的介紹我就不說(shuō)了.有很多大神寫過(guò).

看看目錄,引入es6-promise就可以用了.

 

目錄

1.網(wǎng)絡(luò)請(qǐng)求 wxRequest.js

這里只寫了get和post.

我經(jīng)常會(huì)在網(wǎng)絡(luò)請(qǐng)求的時(shí)候用微信原生showToast(),所以最后加了finally,方便hideToast()

var Promise = require('../plugins/es6-promise.js')

function wxPromisify(fn) {
 return function (obj = {}) {
 return new Promise((resolve, reject) => {
 obj.success = function (res) {
 //成功
 resolve(res)
 }
 obj.fail = function (res) {
 //失敗
 reject(res)
 }
 fn(obj)
 })
 }
}
//無(wú)論promise對(duì)象最后狀態(tài)如何都會(huì)執(zhí)行
Promise.prototype.finally = function (callback) {
 let P = this.constructor;
 return this.then(
 value => P.resolve(callback()).then(() => value),
 reason => P.resolve(callback()).then(() => { throw reason })
 );
};
/**
 * 微信請(qǐng)求get方法
 * url
 * data 以對(duì)象的格式傳入
 */
function getRequest(url, data) {
 var getRequest = wxPromisify(wx.request)
 return getRequest({
 url: url,
 method: 'GET',
 data: data,
 header: {
 'Content-Type': 'application/json'
 }
 })
}

/**
 * 微信請(qǐng)求post方法封裝
 * url
 * data 以對(duì)象的格式傳入
 */
function postRequest(url, data) {
 var postRequest = wxPromisify(wx.request)
 return postRequest({
 url: url,
 method: 'POST',
 data: data,
 header: {
 "content-type": "application/x-www-form-urlencoded"
 },
 })
}

module.exports = {
 postRequest: postRequest,
 getRequest: getRequest
}

2.微信其他API wxApi.js

var Promise = require('../plugins/es6-promise.js')

function wxPromisify(fn) {
 return function (obj = {}) {
 return new Promise((resolve, reject) => {
 obj.success = function (res) {
 //成功
 resolve(res)
 }
 obj.fail = function (res) {
 //失敗
 reject(res)
 }
 fn(obj)
 })
 }
}
//無(wú)論promise對(duì)象最后狀態(tài)如何都會(huì)執(zhí)行
Promise.prototype.finally = function (callback) {
 let P = this.constructor;
 return this.then(
 value => P.resolve(callback()).then(() => value),
 reason => P.resolve(callback()).then(() => { throw reason })
 );
};
/**
 * 微信用戶登錄,獲取code
 */
function wxLogin() {
 return wxPromisify(wx.login)
}
/**
 * 獲取微信用戶信息
 * 注意:須在登錄之后調(diào)用
 */
function wxGetUserInfo() {
 return wxPromisify(wx.getUserInfo)
}
/**
 * 獲取系統(tǒng)信息
 */
function wxGetSystemInfo() {
 return wxPromisify(wx.getSystemInfo)
}
module.exports = {
 wxPromisify: wxPromisify,
 wxLogin: wxLogin,
 wxGetUserInfo: wxGetUserInfo,
 wxGetSystemInfo: wxGetSystemInfo
}

3.用法

promise應(yīng)用場(chǎng)景很多,下面是promise最基本的用法,在then()中returnpromise對(duì)象.

這樣有效解決了回調(diào)嵌套的問(wèn)題.讓代碼看起來(lái)更優(yōu)雅.可讀性更高.

var util = require('../../utils/util')
var wxApi = require('../../utils/wxApi')
var wxRequest = require('../../utils/wxRequest')
import config from '../../utils/config'
//獲取應(yīng)用實(shí)例
var app = getApp()
Page({
 data: {
 userInfo: {}
 },
 onLoad: function () {
 var that = this;
 wx.showToast({
 title: '加載中',
 icon: 'loading',
 duration: 10000
 })
 //1.獲取code
 var wxLogin = wxApi.wxLogin()
 wxLogin().then(res => {
 console.log('1.成功了')
 console.log(res.code)
 var url = config.getOpenidUrl;
 var params = {
 appid: "wxed7******2d465",
 secret: "e9c5e4c******09ecc5ebd811",
 js_code: res.code,
 grant_type: "authorization_code"
 }
 //2.獲取openid
 return wxRequest.getRequest(url, params)
 }).
 then(res => {
 console.log('2.成功了')
 console.log(res)
 var url = app.globalData.ip + config.searchDgUrl
 var data = util.json2Form({ phoneNumber: '15971908021' })
 //3.獲取綁定手機(jī)號(hào)碼
 return wxRequest.postRequest(url, data)
 }).
 then(res => {
 console.log('3.成功了')
 console.log(res)
 //4.獲取系統(tǒng)信息
 var wxGetSystemInfo = wxApi.wxGetSystemInfo()
 return wxGetSystemInfo()
 }).
 then(res => {
 console.log('4.成功了')
 console.log(res)
 //5.獲取用戶信息
 var wxGetUserInfo = wxApi.wxGetUserInfo()
 return wxGetUserInfo()
 }).
 then(res => {
 console.log('5.成功了')
 console.log(res.userInfo)
 that.setData({
  userInfo: res.userInfo
 })
 })
 .finally(function (res) {
 console.log('finally~')
 wx.hideToast()
 })
 }
})

以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持腳本之家!

相關(guān)文章

  • 原生JS實(shí)現(xiàn)平滑回到頂部組件

    原生JS實(shí)現(xiàn)平滑回到頂部組件

    返回頂部組件是一種極其常見的網(wǎng)頁(yè)功能,需求簡(jiǎn)單:頁(yè)面滾動(dòng)一定距離后,顯示返回頂部的按鈕,點(diǎn)擊該按鈕可以將滾動(dòng)條滾回至頁(yè)面開始的位置,接下來(lái)通過(guò)本文給大家介紹原生JS實(shí)現(xiàn)平滑回到頂部組件,需要的朋友參考下吧
    2016-03-03
  • js冒泡法和數(shù)組轉(zhuǎn)換成字符串示例代碼

    js冒泡法和數(shù)組轉(zhuǎn)換成字符串示例代碼

    將數(shù)組轉(zhuǎn)換成字符串的方法有很多,想必大家也不會(huì)陌生,下面為大家講解下js冒泡法的使用,感興趣的朋友可以參考下
    2013-08-08
  • js中base64、url和blob之間相互轉(zhuǎn)換的3種方式(詳細(xì)代碼)

    js中base64、url和blob之間相互轉(zhuǎn)換的3種方式(詳細(xì)代碼)

    這篇文章主要給大家介紹了關(guān)于js中base64、url和blob之間相互轉(zhuǎn)換的3種方式,Blob和File是用來(lái)表示二進(jìn)制數(shù)據(jù)的,而Base64則是一種編碼方式,用來(lái)把二進(jìn)制數(shù)據(jù)編碼成可讀的字符串,需要的朋友可以參考下
    2023-10-10
  • 微信小程序 動(dòng)態(tài)綁定數(shù)據(jù)及動(dòng)態(tài)事件處理

    微信小程序 動(dòng)態(tài)綁定數(shù)據(jù)及動(dòng)態(tài)事件處理

    這篇文章主要介紹了微信小程序 動(dòng)態(tài)綁定數(shù)據(jù)及動(dòng)態(tài)事件處理的相關(guān)資料,需要的朋友可以參考下
    2017-03-03
  • js仿京東放大鏡

    js仿京東放大鏡

    這篇文章主要為大家詳細(xì)介紹了js仿京東放大鏡,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • 最新評(píng)論

    那坡县| 达孜县| 花垣县| 桦川县| 武邑县| 扬中市| 五家渠市| 永顺县| 翁牛特旗| 盘山县| 曲周县| 禹城市| 綦江县| 商水县| 永顺县| 仲巴县| 苍溪县| 安远县| 邛崃市| 汕尾市| 塔城市| 文昌市| 土默特左旗| 西安市| 扬中市| 富顺县| 梨树县| 广德县| 邵武市| 姜堰市| 改则县| 巴东县| 桐庐县| 将乐县| 南岸区| 潞城市| 盐池县| 桂阳县| 巨野县| 卢龙县| 若羌县|