immutable 是 facebook 开发的不可变数据集合。不可变数据一旦创建就不能被修改，是的应用开发更简单，允许使用函数式编程技术，比如惰性评估。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' )
})
}
})
【相关推荐】
1. 微信小程序完整源码
2. 微信小程序demo：仿网易云音乐
以上就是小程序开发使用immutable.js的代码实例的详细内容。