微信小程序無法直接使用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的代碼實例的詳細內容，更多請關注php中文網其它相關文章！