> php教程 > PHP开发 > WeChat 애플릿에서 타사 라이브러리 Immutable.js를 사용하는 예제에 대한 자세한 설명

WeChat 애플릿에서 타사 라이브러리 Immutable.js를 사용하는 예제에 대한 자세한 설명

高洛峰
풀어 주다: 2016-12-29 16:35:09
원래의
1976명이 탐색했습니다.

前言

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' )
 })
 }
})
로그인 후 복사

WeChat 애플릿에서 타사 라이브러리 Immutable.js를 사용하는 예제에 대한 자세한 설명

总结

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

更多WeChat 애플릿에서 타사 라이브러리 Immutable.js를 사용하는 예제에 대한 자세한 설명相关文章请关注PHP中文网!


원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿