{"id":30357,"date":"2024-11-25T08:27:42","date_gmt":"2024-11-25T00:27:42","guid":{"rendered":"https:\/\/fwq.ai\/blog\/30357\/"},"modified":"2024-11-25T08:27:42","modified_gmt":"2024-11-25T00:27:42","slug":"%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%bc%80%e5%8f%91%e4%b9%8b%e8%af%a6%e8%a7%a3%e4%bd%bf%e7%94%a8underscore-js","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/30357\/","title":{"rendered":"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u8be6\u89e3\u4f7f\u7528Underscore.js"},"content":{"rendered":"

\u5927\u5bb6\u90fd\u77e5\u9053underscore.js\u662f\u4e00\u4e2a javascript \u5de5\u5177\u5e93\uff0c\u5b83\u63d0\u4f9b\u4e86\u4e00\u6574\u5957\u51fd\u6570\u5f0f\u7f16\u7a0b\u7684\u5b9e\u7528\u529f\u80fd\uff0c\u4f46\u662f\u6ca1\u6709\u6269\u5c55\u4efb\u4f55 javascript \u5185\u7f6e\u5bf9\u8c61\u3002\u90a3\u4e48\u8fd9\u7bc7\u6587\u7ae0\u6211\u4eec\u5c31\u6765\u5b66\u4e60\u4e0b\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5982\u4f55\u4f7f\u7528\u7b2c\u4e09\u65b9\u5e93underscore.js\uff0c\u6709\u9700\u8981\u7684\u53ef\u4ee5\u53c2\u8003\u5b66\u4e60\u3002<\/p>\n

\u524d\u8a00<\/strong><\/span><\/p>\n

Underscore.js\u662f\u4e00\u4e2a\u5f88\u7cbe\u5e72\u7684\u5e93\uff0c\u538b\u7f29\u540e\u53ea\u67094KB\u3002Underscore \u63d0\u4f9b\u4e86100\u591a\u4e2a\u51fd\u6570\uff0c\u5305\u62ec\u5e38\u7528\u7684\uff1a\u3001filter\u3001invoke \u2014 \u5f53\u7136\u8fd8\u6709\u66f4\u591a\u4e13\u4e1a\u7684\u8f85\u52a9\u51fd\u6570\uff0c\u5982\uff1a\u51fd\u6570\u7ed1\u5b9a\u3001JavaScript \u6a21\u677f\u529f\u80fd\u3001\u521b\u5efa\u5feb\u901f\u7d22\u5f15\u3001\u5f3a\u7c7b\u578b\u76f8\u7b49\u6d4b\u8bd5\u7b49\u7b49\u3002\u5f25\u8865\u4e86\u6807\u51c6\u5e93\u7684\u4e0d\u8db3\uff0c\u5927\u5927\u65b9\u4fbf\u4e86JavaScript\u7684\u7f16\u7a0b\u3002<\/p>\n

\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u65e0\u6cd5\u76f4\u63a5\u4f7f\u7528( ‘underscore.js’ )\u8fdb\u884c\u8c03\u7528\u3002<\/strong><\/p>\n

\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u6a21\u5757\u5316\u673a\u5236<\/strong><\/span><\/p>\n

\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u8fd0\u884c\u73af\u5883\u652f\u6301CommoJS\u6a21\u5757\u5316\uff0c\u901a\u8fc7module.exports\u66b4\u9732\u5bf9\u8c61\uff0c\u901a\u8fc7require\u6765\u83b7\u53d6\u5bf9\u8c61\u3002<\/p>\n

\u5fae\u4fe1\u5c0f\u7a0b\u5e8fQuick Start utils\/util.js<\/p>\n

function formatTime(date) {\r\n var year = date.getFullYear()\r\n var month = date.getMonth() + 1\r\n var day = date.getDate()\r\n\r\n var hour = date.getHours()\r\n var minute = date.getMinutes()\r\n var second = date.getSeconds();\r\n\r\n\r\n return [year, month, day].map(formatNumber).join('\/') + ' ' + [hour, minute, second].map(formatNumber).join(':')\r\n}\r\n\r\nfunction formatNumber(n) {\r\n n = n.toString()\r\n return n[1] ? n : '0' + n\r\n}\r\n\r\nmodule.exports = {\r\n formatTime: formatTime\r\n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
pages\/log\/log.js<\/strong><\/p>\n
var util = require('..\/..\/utils\/util.js')\r\nPage({\r\n data: {\r\n logs: []\r\n },\r\n onLoad: function () {\r\n this.setData({\r\n logs: (wx.getStorageSync('logs') || []).map(function (log) {\r\n return util.formatTime(new Date(log))\r\n })\r\n })\r\n }\r\n})<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u539f\u56e0\u5206\u6790<\/strong><\/span><\/p>\n
Underscore CommonJs\u6a21\u5757\u5bfc\u51fa\u4ee3\u7801\u5982\u4e0b\uff1a<\/strong><\/p>\n
\/\/ Export the Underscore object for **Node.js**, with\r\n\/\/ backwards-compatibility for the old `require()` API. If we're in\r\n\/\/ the browser, add `_` as a global object.\r\nif (typeof exports !== 'undefined') {\r\n if (typeof module !== 'undefined' &amp;&amp; module.exports) {\r\n exports = module.exports = _;\r\n }\r\n exports._ = _;\r\n} else {\r\n root._ = _;\r\n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
exports\u3001module\u5fc5\u987b\u90fd\u6709\u5b9a\u4e49\uff0c\u624d\u80fd\u5bfc\u51fa\u3002\u901a\u8fc7\u6d4b\u8bd5\uff0c\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u8fd0\u884c\u73af\u5883exports\u3001module\u5e76\u6ca1\u6709\u5b9a\u4e49<\/p>\n
\/\/index.js\r\n\r\n\/\/\u83b7\u53d6\u5e94\u7528\u5b9e\u4f8b\r\nvar app = getApp();\r\n\r\nPage({ \r\n\r\n onLoad: function () {\r\n console.log('onLoad');\r\n var that = this;\r\n\r\n console.log('typeof exports: ' + typeof exports); \r\n console.log('typeof module: ' + typeof exports); \r\n\r\n var MyClass = function() {\r\n\r\n }\r\n\r\n module.exports = MyClass;\r\n\r\n console.log('typeof module.exports: ' + typeof module.exports); \r\n }\r\n})<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u8be6\u89e3\u4f7f\u7528Underscore.js\u63d2\u56fe\"<\/p>\n
\u89e3\u51b3\u65b9\u6cd5<\/strong><\/span><\/p>\n
\u4fee\u6539Underscore\u4ee3\u7801\uff0c\u539f\u6709\u6a21\u5757\u5bfc\u51fa\u8bed\u53e5\uff0c\u4f7f\u7528module.exports = _ \u5f3a\u5236\u5bfc\u51fa<\/p>\n
 \/*\r\n \/\/ Export the Underscore object for **Node.js**, with\r\n \/\/ backwards-compatibility for the old `require()` API. If we're in\r\n \/\/ the browser, add `_` as a global object.\r\n if (typeof exports !== 'undefined') {\r\n if (typeof module !== 'undefined' &amp;&amp; module.exports) {\r\n exports = module.exports = _;\r\n }\r\n exports._ = _;\r\n } else {\r\n root._ = _;\r\n }\r\n *\/\r\n\r\n module.exports = _;<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
 \/*\r\n \/\/ AMD registration happens at the end for compatibility with AMD loaders\r\n \/\/ that may not enforce next-turn semantics on modules. Even though general\r\n \/\/ practice for AMD registration is to be anonymous, underscore registers\r\n \/\/ as a named module because, like jQuery, it is a base library that is\r\n \/\/ popular enough to be bundled in a third party lib, but not be part of\r\n \/\/ an AMD load request. Those cases could generate an error when an\r\n \/\/ anonymous define() is called outside of a loader request.\r\n if (typeof define === 'function' &amp;&amp; define.amd) {\r\n define('underscore', [], function() {\r\n return _;\r\n });\r\n }\r\n *\/<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4f7f\u7528Underscore.js<\/strong><\/p>\n
\/\/index.js\r\n\r\nvar _ = require( '..\/..\/libs\/underscore\/underscore.modified.js' );\r\n\r\n\/\/\u83b7\u53d6\u5e94\u7528\u5b9e\u4f8b\r\nvar app = getApp();\r\n\r\n\r\nPage( {\r\n\r\n onLoad: function() {\r\n \/\/console.log('onLoad');\r\n var that = this;\r\n\r\n var lines = [];\r\n\r\n lines.push( \"_.map([1, 2, 3], function(num){ return num * 3; });\" );\r\n lines.push( _.map( [ 1, 2, 3 ], function( num ) { return num * 3; }) );\r\n\r\n lines.push( \"var sum = _.reduce([1, 2, 3], function(memo, num){ return memo + num; }, 0);\" );\r\n lines.push( _.reduce( [ 1, 2, 3 ], function( memo, num ) { return memo + num; }, 0 ) );\r\n\r\n lines.push( \"var even = _.find([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; });\" );\r\n lines.push( _.find( [ 1, 2, 3, 4, 5, 6 ], function( num ) { return num % 2 == 0; }) );\r\n\r\n lines.push( \"_.sortBy([1, 2, 3, 4, 5, 6], function(num){ return Math.sin(num); });\" );\r\n lines.push( _.sortBy( [ 1, 2, 3, 4, 5, 6 ], function( num ) { return Math.sin( num ); }) );\r\n\r\n lines.push( \"_.indexOf([1, 2, 3], 2);\" );\r\n lines.push( _.indexOf([1, 2, 3], 2) );\r\n\r\n this.setData( {\r\n  text: lines.join( '\n' )\r\n })\r\n }\r\n})<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\"\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u8be6\u89e3\u4f7f\u7528Underscore.js\u63d2\u56fe1\"<\/p>\n
\u603b\u7ed3<\/strong><\/span><\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4f7f\u7528\u7b2c\u4e09\u65b9\u5e93Underscore.js\u7684\u5168\u90e8\u5185\u5bb9\uff0c\u5e0c\u671b\u5bf9\u5927\u5bb6\u7684\u5b66\u4e60\u6216\u8005\u5de5\u4f5c\u5e26\u6765\u4e00\u5b9a\u7684\u5e2e\u52a9\uff0c\u5982\u679c\u6709\u7591\u95ee\u5927\u5bb6\u53ef\u4ee5\u7559\u8a00\u4ea4\u6d41\u3002<\/p>\n
\u3010\u76f8\u5173\u63a8\u8350\u3011<\/p>\n
1. <\/p>\n
2.<\/p>\n
3. <\/p>\n
4.<\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u8be6\u89e3\u4f7f\u7528Underscore.js\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u5927\u5bb6\u90fd\u77e5\u9053underscore.js\u662f\u4e00\u4e2a javascript \u5de5\u5177\u5e93\uff0c\u5b83\u63d0\u4f9b\u4e86\u4e00\u6574\u5957\u51fd\u6570\u5f0f\u7f16\u7a0b\u7684\u5b9e\u7528\u529f\u80fd\uff0c\u4f46\u662f\u6ca1\u6709\u6269\u5c55\u4efb\u4f55 javascript \u5185\u7f6e\u5bf9\u8c61\u3002\u90a3\u4e48\u8fd9\u7bc7\u6587\u7ae0\u6211\u4eec\u5c31\u6765\u5b66\u4e60\u4e0b\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5982\u4f55\u4f7f\u7528\u7b2c\u4e09\u65b9\u5e93underscore.js\uff0c\u6709\u9700\u8981\u7684\u53ef\u4ee5\u53c2\u8003\u5b66\u4e60\u3002 \u524d\u8a00 Underscore.js\u662f\u4e00\u4e2a\u5f88\u7cbe\u5e72\u7684\u5e93\uff0c\u538b\u7f29\u540e\u53ea\u67094KB\u3002Underscore \u63d0\u4f9b\u4e86100\u591a\u4e2a\u51fd\u6570\uff0c\u5305\u62ec\u5e38\u7528\u7684\uff1a\u3001filter\u3001invoke \u2014 \u5f53\u7136\u8fd8\u6709\u66f4\u591a\u4e13\u4e1a\u7684\u8f85\u52a9\u51fd\u6570\uff0c\u5982\uff1a\u51fd\u6570\u7ed1\u5b9a\u3001JavaScript \u6a21\u677f\u529f\u80fd\u3001\u521b\u5efa\u5feb\u901f\u7d22\u5f15\u3001\u5f3a\u7c7b\u578b\u76f8\u7b49\u6d4b\u8bd5\u7b49\u7b49\u3002\u5f25\u8865\u4e86\u6807\u51c6\u5e93\u7684\u4e0d\u8db3\uff0c\u5927\u5927\u65b9\u4fbf\u4e86JavaScript\u7684\u7f16\u7a0b\u3002 \u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u65e0\u6cd5\u76f4\u63a5\u4f7f\u7528( ‘underscore.js’ )\u8fdb\u884c\u8c03\u7528\u3002 \u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u6a21\u5757\u5316\u673a\u5236 \u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u8fd0\u884c\u73af\u5883\u652f\u6301CommoJS\u6a21\u5757\u5316\uff0c\u901a\u8fc7module.exports\u66b4\u9732\u5bf9\u8c61\uff0c\u901a\u8fc7require\u6765\u83b7\u53d6\u5bf9\u8c61\u3002 \u5fae\u4fe1\u5c0f\u7a0b\u5e8fQuick 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 } \u767b\u5f55\u540e\u590d\u5236 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))  })  })  } }) \u767b\u5f55\u540e\u590d\u5236 \u539f\u56e0\u5206\u6790 Underscore CommonJs\u6a21\u5757\u5bfc\u51fa\u4ee3\u7801\u5982\u4e0b\uff1a \/\/ Export the Underscore object for **Node.js**, with […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-30357","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/30357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=30357"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/30357\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=30357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=30357"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=30357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}