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

前言
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.jsvar 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（ "
" ） }） }}）

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