摘要:是一個(gè)工具庫,它提供了一整套函數(shù)式編程的實(shí)用功能,但是沒有擴(kuò)展任何內(nèi)置對(duì)象。微信小程序無法直接使用進(jìn)行調(diào)用。通過測(cè)試,微信小程序運(yùn)行環(huán)境并沒有定義獲取應(yīng)用實(shí)例解決方法修改代碼,注釋原有模塊導(dǎo)出語句,使用強(qiáng)制導(dǎo)出使用獲取應(yīng)用實(shí)例其他完整代碼
Underscore.js 是一個(gè) JavaScript 工具庫,它提供了一整套函數(shù)式編程的實(shí)用功能,但是沒有擴(kuò)展任何 JavaScript 內(nèi)置對(duì)象。Underscore 提供了100多個(gè)函數(shù),包括常用的:map、filter、invoke — 當(dāng)然還有更多專業(yè)的輔助函數(shù),如:函數(shù)綁定、JavaScript 模板功能、創(chuàng)建快速索引、強(qiáng)類型相等測(cè)試等等。 微信小程序無法直接使用require( "underscore.js" )進(jìn)行調(diào)用。
微信小程序模塊化機(jī)制微信小程序運(yùn)行環(huán)境支持CommoJS模塊化,通過module.exports暴露對(duì)象,通過require來獲取對(duì)象。
微信小程序Quick Start utils/util.js
function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minute = date.getMinutes() var second = date.getSeconds(); return [year, month, day].map(formatNumber).join("/") + " " + [hour, minute, second].map(formatNumber).join(":") } function formatNumber(n) { n = n.toString() return n[1] ? n : "0" + n } module.exports = { formatTime: formatTime }
pages/log/log.js
var util = require("../../utils/util.js") Page({ data: { logs: [] }, onLoad: function () { this.setData({ logs: (wx.getStorageSync("logs") || []).map(function (log) { return util.formatTime(new Date(log)) }) }) } })原因分析
Underscore CommonJs模塊導(dǎo)出代碼如下:
// Export the Underscore object for **Node.js**, with // backwards-compatibility for the old `require()` API. If we"re in // the browser, add `_` as a global object. if (typeof exports !== "undefined") { if (typeof module !== "undefined" && module.exports) { exports = module.exports = _; } exports._ = _; } else { root._ = _; }
exports、module必須都有定義,才能導(dǎo)出。通過測(cè)試,微信小程序運(yùn)行環(huán)境exports、module并沒有定義
//index.js //獲取應(yīng)用實(shí)例 var app = getApp(); Page({ onLoad: function () { console.log("onLoad"); var that = this; console.log("typeof exports: " + typeof exports); console.log("typeof module: " + typeof exports); var MyClass = function() { } module.exports = MyClass; console.log("typeof module.exports: " + typeof module.exports); } })解決方法
修改Underscore代碼,注釋原有模塊導(dǎo)出語句,使用module.exports = _ 強(qiáng)制導(dǎo)出
/* // Export the Underscore object for **Node.js**, with // backwards-compatibility for the old `require()` API. If we"re in // the browser, add `_` as a global object. if (typeof exports !== "undefined") { if (typeof module !== "undefined" && module.exports) { exports = module.exports = _; } exports._ = _; } else { root._ = _; } */ module.exports = _;
/* // AMD registration happens at the end for compatibility with AMD loaders // that may not enforce next-turn semantics on modules. Even though general // practice for AMD registration is to be anonymous, underscore registers // as a named module because, like jQuery, it is a base library that is // popular enough to be bundled in a third party lib, but not be part of // an AMD load request. Those cases could generate an error when an // anonymous define() is called outside of a loader request. if (typeof define === "function" && define.amd) { define("underscore", [], function() { return _; }); } */使用Underscore.js
//index.js var _ = require( "../../libs/underscore/underscore.modified.js" ); //獲取應(yīng)用實(shí)例 var app = getApp(); Page( { onLoad: function() { //console.log("onLoad"); var that = this; var lines = []; lines.push( "_.map([1, 2, 3], function(num){ return num * 3; });" ); lines.push( _.map( [ 1, 2, 3 ], function( num ) { return num * 3; }) ); lines.push( "var sum = _.reduce([1, 2, 3], function(memo, num){ return memo + num; }, 0);" ); lines.push( _.reduce( [ 1, 2, 3 ], function( memo, num ) { return memo + num; }, 0 ) ); lines.push( "var even = _.find([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; });" ); lines.push( _.find( [ 1, 2, 3, 4, 5, 6 ], function( num ) { return num % 2 == 0; }) ); lines.push( "_.sortBy([1, 2, 3, 4, 5, 6], function(num){ return Math.sin(num); });" ); lines.push( _.sortBy( [ 1, 2, 3, 4, 5, 6 ], function( num ) { return Math.sin( num ); }) ); lines.push( "_.indexOf([1, 2, 3], 2);" ); lines.push( _.indexOf([1, 2, 3], 2) ); this.setData( { text: lines.join( " " ) }) } })其他
完整代碼 https://github.com/guyoung/Gy...
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/80501.html
摘要:以微信小程序調(diào)試時(shí)代碼為例兼容兼容微信小程序運(yùn)行的代碼與模塊規(guī)范基本符合。使用第三方模塊微信小程序運(yùn)行環(huán)境沒有定義,無法通過導(dǎo)入模塊,需要對(duì)第三方模塊強(qiáng)制導(dǎo)出后才能正常導(dǎo)入。 JavaScript模塊規(guī)范 在任何一個(gè)大型應(yīng)用中模塊化是很常見的,與一些更傳統(tǒng)的編程語言不同的是,JavaScript (ECMA-262版本)還不支持原生的模塊化。 Javascript社區(qū)做了很多努力,在現(xiàn)...
摘要:昨日月,騰訊終于發(fā)布了沒有,無需申請(qǐng)也可以進(jìn)行微信小程序開發(fā)的視頻教程了,我在在第一時(shí)間嘗試并發(fā)布了這個(gè)小視頻教程,入門足夠了各位免費(fèi)拿去,慢慢享用鏈接密碼也可以添加微信小程序開發(fā)者交流群,只歡迎對(duì)微信小程序開發(fā)有興趣的朋友,其他勿加,感謝 昨日(9月23),騰訊終于發(fā)布了沒有APPid,無需申請(qǐng)也可以進(jìn)行微信小程序開發(fā)的視頻教程了,我在在第一時(shí)間嘗試并發(fā)布了這7個(gè)小視頻教程,入門足夠...
摘要:微信小程序應(yīng)用號(hào)開發(fā)資源匯總文檔工具教程代碼插件組件文檔從搭建一個(gè)微信小程序開始小程序開發(fā)文檔小程序設(shè)計(jì)指南工具小程序開發(fā)者工具官方支持微信小程序?qū)崟r(shí)預(yù)覽的支持的微信小程序組件化開發(fā)框架轉(zhuǎn)在線工具小程序云端增強(qiáng)社區(qū)微信小程序 微信(小程序or應(yīng)用號(hào))開發(fā)資源匯總-文檔-工具-教程-代碼-插件-組件 文檔 從搭建一個(gè)微信小程序開始 小程序開發(fā)文檔 小程序設(shè)計(jì)指南 工具 小程序開發(fā)者...
閱讀 1163·2021-11-24 10:43
閱讀 3120·2021-11-22 09:34
閱讀 3559·2021-10-08 10:04
閱讀 3941·2021-09-23 11:58
閱讀 3126·2019-08-30 15:44
閱讀 494·2019-08-30 13:01
閱讀 1165·2019-08-28 18:07
閱讀 1459·2019-08-26 13:42