首页 > 上网技巧 > 电脑小技巧 > 微信小程序开发实战使用Immutable.js

微信小程序开发实战使用Immutable.js

时间:2018-02-27 09:55 作者:QQ地带 我要评论

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' )
        })
    }
})

标签: 微信小程序
顶一下
(0)
0%
踩一下
(0)
0%

Google提供的广告