微信小程序使用第三方库Immutable.js实例详解
2016-09-27 10:42
1176 查看
前言
Immutable JS 提供一个惰性 Sequence,允许高效的队列方法链,类似 map 和 filter ,不用创建中间代表。immutable 通过惰性队列和哈希映射提供 Sequence, Range, Repeat, Map, OrderedMap, Set 和一个稀疏 Vector。
微信小程序无法直接使用require( 'immutable.js' )进行调用,需要对下载的Immutable代码进行修改,才能使用。
原因分析
Immutable使用了UMD模块化规范
(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global.Immutable = factory()); }(this, function () { 'use strict';var SLICE$0 = Array.prototype.slice; .... }));
UMD的实现很简单,先判断是否支持Node.js(CommonJS)模块规范,存在则使用Node.js(CommonJS)方式加载模块。再判断是否支持AMD,存在则使用AMD方式加载模块。前两个都不存在,则将模块公开到全局。
exports、module必须都有定义,才能以CommonJS加载模块。通过测试,微信小程序运行环境exports、module并没有定义。
解决方法
修改Immutable代码,注释原有模块导出语句,使用
module.exports = factory()强制导出
(function(global, factory) { /* typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global.Immutable = factory()); */ module.exports = factory(); }(this, function() {
使用Immutable.js
//index.js var Immutable = require( '../../libs/immutable/immutable.modified.js' ); //获取应用实例 var app = getApp(); Page( { onLoad: function() { //console.log('onLoad'); var that = this; var lines = []; lines.push( "var map1 = Immutable.Map({a:1, b:2, c:3});" ); var map1 = Immutable.Map({a:1, b:2, c:3}); lines.push( "var map2 = map1.set('b', 50);" ); var map2 = map1.set('b', 50); lines.push( "map1.get('b');" ); lines.push(map1.get('b')); lines.push( "map2.get('b');" ); lines.push(map2.get('b')); this.setData( { text: lines.join( '\n' ) }) } })
总结
以上就是这篇文章的全部内容了,希望能对大家的学习或者工作带来一定的帮助,如果有疑问大家可以留言交流。
您可能感兴趣的文章:
相关文章推荐
- 使用微信小程序开发弹出框应用实例详解
- 微信小程序使用第三方库(第三方js)问题
- 微信小程序使用第三方库(第三方js)问题
- 微信小程序本作用域下调用全局JS详解及实例
- 微信小程序中使用Promise进行异步流程处理的实例详解
- 微信小程序 使用canvas制作K线实例详解
- 微信小程序引用公共js里的方法的实例详解
- 微信小程序 wx:for的使用实例详解
- 微信JS接口汇总及使用详解
- 微信小程序 框架详解及实例应用
- 微信小程序 navigator 组件实例详解
- 微信小程序(应用号)简单实例应用及实例详解
- 微信小程序 Audio API详解及实例代码
- 微信小程序 Image API实例详解
- 微信小程序 Video API实例详解
- 微信小程序 实例应用(记账)详解
- 微信小程序 获取设备信息 API实例详解
- 微信JS接口汇总及使用详解
- 微信JS接口汇总及使用详解(转)
- 微信小程序 video组件详解及实例代码