微信小程序使用第三方库Immutable.js实例详解

前端之家收集整理的这篇文章主要介绍了微信小程序使用第三方库Immutable.js实例详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

Immutable JS 提供一个惰性 Sequence,允许高效的队列方法链,类似 map 和 filter ,不用创建中间代表。immutable 通过惰性队列和哈希映射提供 Sequence,Range,Repeat,Map,OrderedMap,Set 和一个稀疏 Vector。

微信小程序无法直接使用require( 'immutable.js' )进行调用,需要对下载的Immutable代码进行修改,才能使用。

原因分析

Immutable使用了UMD模块化规范

....

}));

UMD的实现很简单,先判断是否支持Node.js(CommonJS)模块规范,存在则使用Node.js(CommonJS)方式加载模块。再判断是否支持AMD,存在则使用AMD方式加载模块。前两个都不存在,则将模块公开到全局。

exports、module必须都有定义,才能以CommonJS加载模块。通过测试,微信小程序运行环境exports、module并没有定义。

解决方法

修改Immutable代码,注释原有模块导出语句,使用module.exports = factory() 强制导出

module.exports = factory();

}(this,function() {

使用Immutable.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,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' )
})
}
})

总结

以上就是这篇文章的全部内容了,希望能对大家的学习或者工作带来一定的帮助,如果有疑问大家可以留言交流。

猜你在找的微信小程序相关文章