javascript - 一个页面的js应该怎么构思？
假如一个交互比较多的页面，有导航切换，点击下拉等事件，有些事件需要初始化，样式和动作。那在一个js文件里面要怎么写呢？
像下面这个要怎么构思？是不是因为我对js还不够了解所以构思不出来？那要如何改变呢？
"use strict";
(function (root) {
//code here
function XX(options) {
if (!(this instanceof XX)) {
return new XX(options);
}
this.initialize();
}
/**
* 绑定事件
*/
XX.prototype.bindEvents = function () {
};
/**
* top news slider
*/
XX.prototype.newsSlider = function () {
};
XX.prototype.initialize = function () {
var self = this;
$(function () {
self.bindEvents();
})
};
root.Page = XX;
}(window));
//初始化(为什么要初始化?)
new Page();
我之前写js是这样的：
$(function() {
index.init();
});
var index = {
//初始化
init: function() {
var self = this;
self.getDesk(0);
self.tabClick();
},
//标签点击事件
tabClick: function() {
},
//获取餐台数据
getDesk: function(rsid) {
},
//获取图表数据
getChart: function() {
}
},
//选取餐台
selectedDesk = function(current, dodid, ddid) {
},
//确认重新结账
confirmAfresh = function() {
}
