这种前端Javascript是做什么用的

Question

这是微信公众号管理页面的一段代码，我想知道他这个是做什么用的，MODULES这个里面还有很多内容，基本上都是地址信息，请问这个是拿来做什么的，我再medium这个网站上也看到有这样的用法

var MODULES = {'user/index.js': 'https://res.wx.qq.com/mpres/zh_CN/htmledition/js/user/index2880f5.js','common/wx/dialog.js': 'https://res.wx.qq.com/mpres/zh_CN/htmledition/js/common/wx/dialog26a308.js','common/wx/Tips.js': 'https://res.wx.qq.com/mpres/zh_CN/htmledition/js/common/wx/Tips26a308.js','common/wx/pagebar.js': 'https://res.wx.qq.com/mpres/zh_CN/htmledition/js/common/wx/pagebar271dfd.js','common/wx/remark.js': 'https://res.wx.qq.

Answer 1

不知道你想问MODULES是什么意思，还是想问里面几个js代码是什么意思

光看这个代码的意思是给那些很长的地址加了个别名，简单看下index.js里面的代码

define("user/index.js",["common/wx/dialog.js","common/wx/Tips.js","common/wx/pagebar.js","common/wx/remark.js","common/wx/top.js","common/wx/tooltips.js","common/wx/RichBuddy.js","user/user_cgi.js","user/group_cgi.js","biz_web/ui/dropdown.js","common/qq/events.js","common/qq/emoji.js","common/wx/popover.js","tpl/user/grouplist.html.js","tpl/user/userlist.html.js","tpl/user/verifylist.html.js","biz_web/ui/checkbox.js","common/wx/inputCounter.js","common/wx/searchInput.js"],function(e){

很明显用的是模块化开发，你看看[]里的依赖"common/wx/dialog.js","common/wx/Tips.js"，应该就是根据上面MODULES对应里面的别名

dialog.js 很明显就是个对话框的插件
tip.js应该就是个提示的插件

代码都是压缩过的，具体实现看不太出来

模块化开发可以看看requirejs或seajs

Answer 2

以一个json的形式 存将在程序中会引用到的js的地址。在用到 的时候可以直接引入，这样可以缩短了地址的写法

至于每个js是做什么的就要看js的内容了。我觉得这个modules的作用就是通过key value的形式保存了已知的js地址