一、export 与 exports的区别

1. module.exports和exports是属于 CommonJS 模块规范。CommonJS规范规定，每个模块内部，module变量代表当前模块。这个变量是一个对象，它的exports属性（即module.exports）是对外的接口。加载某个模块，其实是加载该模块的module.exports属性。

2. Node应用由模块组成，采用CommonJS模块规范。根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。为了方便，Node为每个模块提供一个exports变量，指向module.exports。这等同在每个模块头部，有一行这样的命令。

// exports其实是module.exports的引用 ，可以直接在exports对象上添加相关的方法。
var exports = module.exports;

3. module.exports和exports导出模块，用require引入模块

var Redis = require('./redis.js');

// redis.jsvar redis= "redis"/*** 设置* k 键key* v 值value* t 秒*/
function put(k, v, t) {wx.setStorageSync(k, v)var seconds = parseInt(t)if (seconds > 0) {var newtime = Date.parse(new Date())newtime = newtime / 1000 + seconds;wx.setStorageSync(k + redis, newtime + "")} else {wx.removeStorageSync(k + redis)}
}/*** 获取* k 键key*/
function get(k) {var deadtime = parseInt(wx.getStorageSync(k + redis))if (deadtime) {if (parseInt(deadtime) < Date.parse(new Date()) / 1000) {wx.removeStorageSync(k);return null}}var res=wx.getStorageSync(k)if(res){return res}else{return null}
}/*** 删除*/
function remove(k) {wx.removeStorageSync(k);wx.removeStorageSync(k + redis);
}/*** 清除所有key*/
function clear() {wx.clearStorageSync();
}// 导出模块函数
module.exports={put,get,remove,clear
}

4. export和export default是属于ES6语法。export和export default导出模块，import导入模块。

模块文件中定义并导出函数：

export function FunctionName(options) {}

引入模块函数：

指定导入：import { func1, func2 } from './api.js';

全部导入：import * as api from './api' // api.js 文件后缀名可省略

// api.js/*** 自定义 Error 类** code == 0 正确* code > 0 HTTP 请求，服务器端返回的错误码* code == -1 HTTP 请求，服务器返回的数据格式不正确，服务器错误*/
export function MyError(message, code, extra) {if (!Error.captureStackTrace) {this.stack = (new Error()).stack;} else {Error.captureStackTrace(this, this.constructor);}this.message = message;this.code = code;this.extra = extra;
}MyError.prototype = new Error();
MyError.prototype.name = 'MyError';
MyError.prototype.constructor = MyError;
export const CancelAuthError = new MyError('没有授权', -100);

5. exports 与 export 用法对比

（1）CommonJS：

导出 module.exports=... 或 exports=...

导入 require

（2）ES6：导出
导出 export ... 或 export default ...

导入 import

二、promise封装wx对象方法

// api.js// 把 wx 对象里的方法(传入参数中包含 success 和 fail)转换为返回 promise 的方法
function promisifyWx(name) {return function (param) {return new Promise((resolve, reject) => {let base = {success: (res) => {resolve(res);},fail: (err) => {reject(new MyError(err.errMsg, -1));}};// Object.assign(target, ...sources) ：target ->目标对象   source->源对象 返回target// 即复制属性param, base 到target对象{}中wx[name](Object.assign({}, param, base));});};
}// 定义与 微信小程序 同名对象wx
exports.wx = {};// 将wx对象的方法经promise封装后作为当前模块属性 exports.wx
for (let name in wx) {exports.wx[name] = promisifyWx(name);
}/*** 对封装后的 exports.wx.request 方法进一步处理*/
export function request(url, param, callback) {let p = exports.wx.request({url,method: 'POST',data: param}).then(res => {let resBody = res.data;if (resBody && typeof resBody === 'object') {if (resBody.code === 0) {return resBody.data;} else if (resBody.code == -1) {wx.showToast({title: resBody.msg,icon: "none",duration: 2000, // 提示的延迟时间，单位毫秒，默认：1500 mask: true, // 是否显示透明蒙层，防止触摸穿透，默认：false success: function () {},fail: function () {},complete: function () {setTimeout(function () {wx.reLaunch({url: '/pages/index/index',})}, 2000)}})}let message = resBody.msg || '服务器错误';let extra;if (message.length > 50) {extra = message;message = '服务器错误';}throw new MyError(message, resBody.code, extra);} else {throw new MyError('服务器错误', -1, resBody);}}, err => {throw new MyError('没有网络连接或服务器错误', err.code, err);});if (typeof callback === 'function') {// 用回调函数接收返回结果p.then(res => callback(null, res), callback);} else {// 直接接收返回数据结果return p;}
}

// 引用promise函数

import * as Api from './api' Api.request(url, param).then(res => {// do something
})

三、promise为何物

Promise 是抽象的异步处理对象，其构造⽅法：

// Promise 构造函数接受⼀个函数作为参数，该函数的两个参数分别是 resolve 和 reject
let promise = new Promise((resolve, reject) => {resolve(); //异步处理
});

Promise 有三个状态：

1. Fulfilled: has-resolved, 表⽰成功解决，这时会调⽤ onFulfilled.

2. Rejected: has-rejected, 表⽰解决失败，此时会调⽤ onRejected.

3. Pending: unresolve, 表⽰待解决，既不是resolve也不是reject的状态。也就是promise对象刚被创建后的初始化状态

resolve函数的作⽤是，将 Promise 对象的状态从未处理变成处理成功 (unresolved => resolved)，在异步操作成功时调⽤，并将异步操作的结果作为参数传递出去。
reject函数的作⽤是，将 Promise 对象的状态从未处理变成处理失败 (unresolved => rejected), 在异步操作失败时调⽤，并将异步操作报出的错误，作为参数传递出去。

Promise 实例⽣成以后，可以⽤ then ⽅法和 catch ⽅法分别指定 resolved 状态和 rejected 状态的回调函数。

构造⽅法中的两个参数resolve, reject即为改变promise的状态，resolve ⽅法把 Promise 的状态置为完成态（Resolved），这时 then ⽅法就能捕捉到变化，并执⾏“成功”情况的回调。resolve, reject可抛出结果，作为then⽅法中函数的参数。

then可接受两个参数，第⼀个处理Resolved状态的函数，第⼆个处理Rejected函数。如果只想处理成功，或者失败，对应参数可设置为null,只有⼀个参数则表⽰状态改变就执⾏，不区分状态结果。

catch()⽅法，用于捕捉js执行出现异常时，可以⽤来指定 reject 的回调。
all()⽅法，提供了并⾏执⾏异步操作的能⼒，并且在所有异步操作执⾏完后才执⾏回调, 会把所有异步操作的结果放进⼀个数组中传给 then。
race()⽅法，⽤法与 all ⼀样，只不过 all 是等所有异步操作都执⾏完毕后才执⾏ then 回调，⽽ race 的话只要有⼀个异步操作执⾏完毕，就⽴刻执⾏ then 回调，其它没有执⾏完毕的异步操作仍然会继续执⾏。

小程序之 Promise相关推荐

微信小程序使用Promise
微信小程序使用Promise,其实只需要在API方法外层包一个promise就行了. 本文以微信登陆和获取用户信息接口为例. 封装代码:wechat.js /*** Promise化小程序接口*/ c ...
微信小程序引入promise报错
微信小程序引入 promise 相关库及 Android 真机报错解决方案如果你恰巧使用的是 bluebird ,又恰巧你只是在模拟器上测试或者你的真机是iOS系统,你有必看看到最后,因为在Andr ...
小程序promise封装post请求_微信小程序用promise封装请求
1.在根目录utils中新增request.js,(post也可以改成这种promise写法,post暂时用的回调写法)并写: var app = getApp(); //项目URL相同部分,减轻代码 ...
微信小程序Unhandled promise rejection TypeError
在今天重新生成一个原来的小程序做修改时,命名修改重新导入微信开发者工具报错. VM21 WAService.js:1 Unhandled promise rejection 网上百度说是版本与原来不 ...
微信小程序——API promise化，全局数据共享，MobX，将Stroe中的成员绑定到页面中，在页面上使用Strore中的成员
一.API promise化 1．基于回调函数的异步 API 的缺点默认情况下,小程序官方提供的异步 API 都是基于回调函数实现的,例如,网络请求的 API 需要按照如下的方式调用: 缺点:容易造 ...
微信小程序使用promise 一次封装全部接口
/*** Promise化小程序接口*/ class Wechat {static api(name, opts) {return new Promise((success, fail) => ...
小程序异步方法 promise
微信小程序里面接受数据为promise使用for循环异步方法报错问题描述在js里面调用后台接口的方法能够成功访问并且也能获取数据,但是打印的时候打出来是promise或者为undefined 问 ...
微信小程序 - Unhandled promise rejection TypeError: r.Canvas is not a constructor
微信小程序开发在使用 Canvas 进行真机调试的时候报错: VM22:2 Unhandled promise rejection TypeError: r.Canvas is not a const ...
小程序的Promise用法
在写小程序的时候,发现了可以用到Promise来进行更加方便的开发,在这里记录一下本文主要说一下Promise,Prepending(进行时),Resolve(成功了),Reject(失 ...

小程序之 Promise

一、export 与 exports的区别

二、promise封装wx对象方法

三、promise为何物

小程序之 Promise相关推荐

最新文章

热门文章

小程序 之 Promise

一、export 与 exports的区别

二、promise封装wx对象方法

三、promise为何物

小程序 之 Promise相关推荐

最新文章

热门文章

小程序之 Promise

小程序之 Promise相关推荐