详解微信小程序 同步异步解决办法

详解微信小程序 同步异步解决办法

小程序中函数体还没有完成,下一个函数就开始执行了,而且两个函数之间需要传参。那是因为微信小程序函数是异步执行的。但微信小程序增加了ES6的promise特性支持,微信小程序新版本中移除了promise的支持,需要自己使用第三方库来自行实现ES6的promise特性。

WxService.js

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

import Tools from 'Tools'

import es6 from '../assets/plugins/es6-promise'

class Service {

constructor() {

this.__init()

}

/**

* __init

*/

__init() {

this.tools = new Tools

this.__initDefaults()

this.__initMethods()

}

/**

* __initDefaults

*/

__initDefaults() {

// 缓存非异步方法

this.noPromiseMethods = [

'stopRecord',

'pauseVoice',

'stopVoice',

'pauseBackgroundAudio',

'stopBackgroundAudio',

'showNavigationBarLoading',

'hideNavigationBarLoading',

'createAnimation',

'createContext',

'hideKeyboard',

'stopPullDownRefresh',

]

// 缓存wx接口方法名

this.instanceSource = {

method: Object.keys(wx)

}

}

/**

* 遍历wx方法对象,判断是否为异步方法,是则构造promise

*/

__initMethods() {

for (let key in this.instanceSource) {

this.instanceSource[key].forEach((method, index) => {

this[method] = (...args) => {

// 判断是否为非异步方法或以 wx.on 开头,或以 Sync 结尾的方法

if (this.noPromiseMethods.indexOf(method) !== -1 || method.substr(0, 2) === 'on' || /\w+Sync$/.test(method)) {

return wx[method](...args)

}

return this.__defaultRequest(method, ...args)

}

})

}

/**

* 保留当前页面,跳转到应用内的某个页面

* @param {String} url 路径

* @param {Object} params 参数

*/

this.navigateTo = (url, params) => {

const $$url = this.tools.buildUrl(url, params)

return new es6.Promise((resolve, reject) => {

wx.navigateTo({

url: $$url,

success: res => resolve(res),

fail: res => reject(res),

})

})

}

/**

* 关闭当前页面,跳转到应用内的某个页面

* @param {String} url 路径

* @param {Object} params 参数

*/

this.redirectTo = (url, params) => {

const $$url = this.tools.buildUrl(url, params)

return new es6.Promise((resolve, reject) => {

wx.redirectTo({

url: $$url,

success: res => resolve(res),

fail: res => reject(res),

})

})

}

}

/**

* 以wx下API作为底层方法

* @param {String} method 方法名

* @param {Object} obj 接收参数

*/

__defaultRequest(method = '', obj = {}) {

return new es6.Promise((resolve, reject) => {

obj.success = (res) => resolve(res)

obj.fail = (res) => reject(res)

wx[method](obj)

})

}

}

export default Service

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

原文链接:http://blog.csdn.net/xiaochun365/article/details/72480790

本文链接:https://my.lmcjl.com/post/19630.html

展开阅读全文

4 评论

留下您的评论.