官方小例子代码
getUserInfo:function(cb){
var that = this
if(this.globalData.userInfo){
typeof cb == "function" && cb(this.globalData.userInfo)
}else{
//调用登录接口
wx.login({
success: function () {
wx.getUserInfo({
success: function (res) {
that.globalData.userInfo = res.userInfo
typeof cb == "function" && cb(that.globalData.userInfo)
}
})
}
})
}
}, |
昨天研究了一下微信小程序的例子，看见了熟悉cb了。我们好不容易从cb走向了Promise，如果开发小程序要回到cb中，这是我不能接受的，搞得我昨晚一晚上没有睡好，今年早一大早就到公司想办法解决问题。
解决思路 1、直接使用Promise，我试了一下，是可行的，但这受限于运行程序的浏览器。不能保证所有浏览器都支持Promise。 2、使用第三方库，bluebird，Q，Defrered等，这样可以不依赖浏览器实现。 说做就做，我最熟悉的是bluebird，于是先就在工程文件夹下执行
npm init npm i bluebird --save
得到项目结构如下图
在App.js中写入
var Promise = require("node_modules/node_modules/js/browser/bluebird.js");通过调试发现Promise为undfine，解决问题失败！ 深入分析 难道真如网上所说不能加载第三方JS？我觉得应该不可能，如果不能使用第三方程序，什么都靠自己写，累都累死。忽然想到一段代码
logs.js
var util = require('../../utils/util.js')
util.js
module.exports = {
formatTime: formatTime
} |
如果能在logs.js中引入util.js，就一定能引第三方包，只是我没有搞清楚这个加载机制。看上面的代码好像是CMD。我想来想去，最终在浏览器发现了这个。
define("utils/util.js", function(require, module){var window={Math:Math}/*兼容babel*/,location,document,navigator,self,localStorage,history,Caches;
module.exports = {
formatTime: formatTime
}
})这是浏览加载后的代码，通过代码分析，总结出如下经验： 1、原来小程序是自己定义了一套加载机制，不是CMD也不是AMD，到有点与NG相同。 2、小程序会为每个js文件加一个包头，每个包中都增加一个window对象，所以在小程序中，window对象是一个局部变量。 3、document对象不一定有值 4、require是一个函数，module是一个对象这点与CMD一至 再次尝试 要在小程序中使用第三方包，就必须修改加载头。当我打开个bluebird源码时，立马就懵逼了，看不懂。所以就选择了Q，这个简单些，先看没有修改之样的。
(function (definition) {
"use strict";
// This file will function properly as a , it creates a Q global instead.
// Montage Require
if (typeof bootstrap === "function") {
bootstrap("promise", definition);
// CommonJS
} else if (typeof exports === "object" && typeof module === "object") {
module.exports = definition();
// RequireJS
} else if (typeof define === "function" && define.amd) {
define(definition);
// SES (Secure EcmaScript)
} else if (typeof ses !== "undefined") {
if (!ses.ok()) {
return;
} else {
ses.makeQ = definition;
}
// 这个分支，原因很简单，有window对象。但此window不是彼window，所以加载失败。 |
