Javascript面向对象相关的一个例子

这里也来谈谈javascript的面向对象。我们知道javascript不像java那样，面相对象那么明显，或者说太明显了。

前段时间的一个项目我在其中弄了大量的javascript，各种javascript插件，各种javascript框架。虽然一直在用着，但是一直没怎么总结过，闲下来有空的时候，就总结了这么一小段吧。

javascript用起来，怎么说呢，太自由了，有时候甚至无法把控，不像java那样限制比较多。

我的个人总结，也算是给像 从javascript入门的同仁一个帮助吧。由于作者个人能力有限，如有不太精准的地方，敬请谅解。

/**
* @author 潇湘暮雨 E-mail:wxwinnie@hotmail.com
*
* @version 创建时间：2014年1月19日 上午10:19:17
*
*/
$(function() {
// 任何地方的这种匿名函数“$(function(){})”都不需要调用自动执行的（如果引入了这个js文件的话）。
var Config_center = function() {
// 这个类似于java中的构造函数，因为javascript中将函数也可以作为一种变量或者对象，
//所以，可以将一个函数这么赋值。
this.itsm = new Itsm();
this.tool = new util.Tool();
this.dialog = new util.Dialog();
};
// 这里需要说说extend。Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型 Jquery的扩展方法原型是:
// extend(dest,src1,src2,src3...);它的含义是将src1,src2,src3...合并到dest中，返回值为合并后的dest，
// 由此可以看出该方法合并后，是修改了dest的结构的。这里相当于向Config_center类中添加函数或方法。
$.extend(Config_center.prototype, {
callbackCreateServiceRow : function(nRow, aData, iDataIndex) {//定义一个函数
var itsm = this.itsm;
var id = aData["id"];
itsm.appendCheckBox(nRow, id);
var operates = [{
"href" : "/itsm/config/" + "service"
+ "/update?type=update&id=" + id,
"class" : "black-icons create_write",
"value" : "修改服务项"
}];
itsm.appendOperateBtns(nRow, operates);
itsm.appendStatusCell(nRow, aData["validId"]);
itsm.appendDefaultCellContent(nRow, {
"content" : "暂无信息",
"index" : [3, 4, 5]
});
itsm.addClass(nRow, [{
"class" : "center",
"index" : [1, 2, 3, 4, 5, 6]
}]);
},
callbackCreateWorkHourAllRow : function(nRow, aData) {
var itsm = this.itsm;
var id = aData["id"];
var operates = [];
// javascript支持如下形式的定义数组。数组元素用方括号“[]”括起来，然后每个元素如果是对象类型的话，
//每个对象用花括号“{}”括起来，然后每个属性名称与属性值之间用冒号“:”隔开，也就是json格式的。
operates = [{
"href" : "/itsm/config/workhour/edit?id=" + id,
"class" : "icon-edit",
"value" : "修改任务"
}, {
"href" : "/itsm/config/workhour/detail?id=" + id,
"class" : "icon-file",
"value" : "查看详情"
}, {
"href" : "/itsm/config/workhour/delete?id=" + id,
"class" : "icon-remove",
"value" : "删除"
}];
itsm.appendOperateBtns(nRow, operates);
}
});
// new Config_center()相当于调用了构造方法，创建了一个Config_center的对象。
//然后又因为这个对象被赋值给了window对象的一个属性，也就是在任意地方可以这么调用这个对象：
//config_center.allbackCreateWorkHourAllRow。省略了window。
window.config_center = new Config_center();
});