博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序开发实战——使用Immutable.js
阅读量:6436 次
发布时间:2019-06-23

本文共 1826 字,大约阅读时间需要 6 分钟。

是 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.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( '\n' )        })    }})

图片描述

其他

完整代码

转载地址:http://iqhga.baihongyu.com/

你可能感兴趣的文章
ELK安装文档及相关优化
查看>>
解决 SQLSERVER 2008 无法删除作业
查看>>
DHCP+TFTP+VSFTP+pxelinux+kickstart实现RedHat的自动安装
查看>>
git使用的一些常用命令
查看>>
Apache应用实例:建立yum服务器
查看>>
功能表单之树形选择字段类型的高级使用——JEPLUS软件快速开发平台
查看>>
servlet监听器
查看>>
查看mysql进程--show processlist
查看>>
我的友情链接
查看>>
openstack之windows2003/08系统qcow2制作
查看>>
Web游戏开发编程:最神奇的“触觉振动”
查看>>
UTF8 匹配汉字,字母,数字
查看>>
mongodb复制集部署
查看>>
Install gevent in AIX with gcc
查看>>
栈与队列
查看>>
Java 8 中的工厂方法模式
查看>>
SQL语句字符串处理大全
查看>>
backtrack5局域网通信软件——信使
查看>>
安装Apache2.4.23
查看>>
设计模式(创建型)之原型模式
查看>>