您的位置:首页 > Web前端 > JavaScript

JS面向对象思想(OOP)

2013-09-08 00:26 399 查看

JS面向对象思想(OOP)

直接看js好了,模拟创建一个奥运会

function 奥运会Class(主题) {

// 删除主题
// delete  this.主题;

this.主题 = 主题;
this.开幕时间;
this.闭幕时间;
this.公告簿 = "";

//模拟开幕
this.开幕 = function () {
this.开幕时间 = "2012年7月28日03时12分(北京时间)";
this.公告薄 = "奥运主题:" + this.主题 + "\n" + "开幕时间:" + this.开幕时间 + "\n" + "伦敦奥运会开幕了\n";
this.公告发布event(this, this.公告薄);
}

//模拟闭幕
this.闭幕 = function () {
this.闭幕时间 = "2012年8月13日 04:00(北京时间)";
this.公告薄 += this.闭幕时间 + "伦敦奥运会闭幕了\n";
this.公告发布event(this, this.公告薄);
}

//模拟事件的方法
this.公告发布event = function(sender, e) {
}

//构建集合对象
this.国家集合 = new Array();
this.运动员集合 = new Array();
this.裁判集合 = new Array();
this.项目集合 = new Array();

//创建一个通用查询
this.通用查询 = function (对象源, 查询集合对象名称, 查询字段, value) {
for (var aa in 对象源) {
if (aa == 查询集合对象名称) {
var source = 对象源[aa];
if (aa == 查询集合对象名称) {
for (var i = 0; i <= source.length; i++) {
var s = source[i.toString()];
if (s[查询字段] == value) {
return s;
}
}
}
}
}
return null;
}

}

//闭包扩展,在原型上扩展方法
奥运会Class.prototype.添加国家 = function(国家名称, 地区) {
var 国家 = new 国家Class(国家名称, 地区);//创建国家
国家.所属奥运会 = this;
this.国家集合.push(国家);//添加国家到国家集合
this.公告簿 += 国家名称 + "  " + 地区 + "   " + "已经加入本届奥运会\n";;//发布消息
this.公告发布event(this, this.公告簿);
//动态移除成员 或者是方法等
//  delete  this.公告簿;
//链式编程,进行优化
return this;
}

奥运会Class.prototype.添加项目 = function(项目名称) {
var 项目 = new 项目Class(项目名称);//创建项目
项目.所属奥运会 = this;
this.项目集合.push(项目);//添加项目到国家项目

//发布消息
this.公告簿 += 项目名称 + "  " + "已经加入本届奥运会" + "  Number:" + this.项目集合.length + "\n";//发布消息
this.公告发布event(this, this.公告簿);
return this;
}

奥运会Class.prototype.添加裁判 = function(名称, 所属项目) {
var 裁判 = new 裁判Class(名称);//创建裁判
裁判.所属奥运会 = this;
裁判.所属的项目 = 所属项目;
this.裁判集合.push(裁判);//添加裁判到裁判集合

//发布消息
this.公告簿 += 名称 + "  " + "裁判已经加入本届奥运会" + "  Number:" + this.裁判集合.length + "\n";
this.公告发布event(this, this.公告簿);
return this;
}

奥运会Class.prototype.添加运动员 = function(名称, 国家) {
var 运动员 = new 运动员Class(名称, 国家);//创建运动员
运动员.所属奥运会 = this;
this.运动员集合.push(运动员);//添加运动员到运动员集合
国家.添加运动员(运动员);

//发布消息
this.公告簿 += 名称 + "  " + "加入本届奥运会" + "  Number:" + this.运动员集合.length + "\n";
this.公告发布event(this, this.公告簿);
return this;
}

//国家对象
function 国家Class(国家名称, 地区) {
this.名称 = 国家名称;
this.地区 = 地区;
this.所属奥运会 = null;

this.运动员集合 = new Array();
this.添加运动员 = function(运动员) {
this.运动员集合.push(运动员);
}
}

// 运动员对象
function 运动员Class(姓名, 所属国家) {
this.姓名 = 姓名;
this.所属奥运会 = null;
this.项目集合 = new Array();
this.所属国家 = 所属国家;

this.添加项目 = function(项目) {
this.项目集合.push(项目);
项目.所属运动员集合.push(this);
}
}

//裁判对象
function 裁判Class(姓名) {
this.姓名 = 姓名;
this.所属奥运会 = null;
this.所属的项目 = null
}

//项目对象
function 项目Class(名称) {
this.名称 = 名称;
this.所属奥运会 = null;
this.成绩 = "";
this.奖牌 = "";
this.所属裁判 = null;

this.所属运动员集合 = new Array();

this.设置比赛成绩 = function() {
}

this.浅表克隆 = function() {
var clone = new 项目Class();
for (var a in this) {
clone[a] = this[a];
}
return clone;
}

this.添加比赛成绩 = function(所属运动员, 成绩单) {
for (var i = 0; i <= this.所属运动员集合.length; i++) {
if (this.所属运动员集合[i.toString()].姓名 == 所属运动员.姓名) {
var s = this.所属运动员集合[i.toString()];

for (var ii = 0; ii <= s.项目集合.length; ii++) {
if (s.项目集合[ii.toString()].名称 == 成绩单.名称) {
var ss = s.项目集合[ii.toString()];
s.项目集合[ii.toString()] = 成绩单;

this.所属奥运会.公告簿 += 所属运动员.姓名 + "  " + 成绩单.名称 + "  " + 成绩单.成绩 + "\n";
this.所属奥运会.公告发布event(this, this.所属奥运会.公告簿);
return;
}
}

}
}
}

}


<script src="OOP奥运会.js" type="text/javascript">
</script>

<script type="text/javascript">
var 奥运会 = new 奥运会Class("游伦敦,看世界!!!!!!!");

function Button2_onclick() {

//消息发布
奥运会.公告发布event = function (sender, e) {
document.getElementById("TextArea1").value = e;
}
奥运会.开幕();
}

function Button3_onclick() {
//消息发布
奥运会.公告发布event = function (sender, e) {
document.getElementById("TextArea1").value = e;
}
//依次添加国家地区
/*  奥运会.添加国家("中国", "亚洲");
奥运会.添加国家("日本", "亚洲");
奥运会.添加国家("美国", "北美洲");
奥运会.添加国家("德国", "欧洲");
*/

//链式编程,可以这样写,也可以以上面的方式写
奥运会.添加国家("中国", "亚洲").添加国家("日本", "亚洲").添加国家("美国", "北美洲").添加国家("德国", "欧洲");

}

function Button4_onclick() {
//消息发布
奥运会.公告发布event = function (sender, e) {
document.getElementById("TextArea1").value = e;
}
//添加运动项目
奥运会.添加项目("跳水").添加项目("举重").添加项目("柔道").添加项目("篮球").添加项目("排球").添加项目("田径");
}

function Button5_onclick() {
//消息发布
奥运会.公告发布event = function (sender, e) {
document.getElementById("TextArea1").value = e;
}
//添加裁判
奥运会.添加裁判("张三").添加裁判("李四").添加裁判("陈三");

//为裁判添加运动项目
var 跳水 = 奥运会.通用查询(奥运会 ,"项目集合" ,"名称","跳水");
var 张三 = 奥运会.通用查询(奥运会 ,"裁判集合" ,"姓名","张三");
跳水.所属裁判= 张三;
张三.所属的项目 =跳水;

var 举重 = 奥运会.通用查询(奥运会 ,"项目集合" ,"名称","举重");
var 李四 = 奥运会.通用查询(奥运会 ,"裁判集合" ,"姓名","李四");
举重.所属裁判= 李四;
李四.所属的项目 =举重;

var 柔道 = 奥运会.通用查询(奥运会 ,"项目集合" ,"名称","柔道");
var 陈三 = 奥运会.通用查询(奥运会 ,"裁判集合" ,"姓名","陈三");
柔道.所属裁判= 陈三;
陈三.所属的项目 =柔道;

}

function Button6_onclick() {
//消息发布
奥运会.公告发布event = function (sender, e) {
document.getElementById("TextArea1").value = e;
}
//创建运动员
var 中国 = 奥运会.通用查询(奥运会, "国家集合", "名称", "中国");
奥运会.添加运动员("郭晶晶", 中国);

var 日本 = 奥运会.通用查询(奥运会, "国家集合", "名称", "日本");
奥运会.添加运动员("小日本田", 日本);

var 美国 = 奥运会.通用查询(奥运会, "国家集合", "名称", "美国");
奥运会.添加运动员("布迪亚 ", 美国);
for (var i = 0; i < 10; i++) {

var 中国 = 奥运会.通用查询(奥运会, "国家集合", "名称", "中国");
奥运会.添加运动员("郭晶晶"+i, 中国).添加运动员("Z-" + i, 中国).添加运动员("Z-G" + i, 中国);

var 日本 = 奥运会.通用查询(奥运会, "国家集合", "名称", "日本");
奥运会.添加运动员("小日本田"+i, 日本).添加运动员("R-" + i, 日本).添加运动员("R-B" + i, 日本);

var 美国 = 奥运会.通用查询(奥运会, "国家集合", "名称", "美国");
奥运会.添加运动员("布迪亚 "+i, 美国).添加运动员("U-" + i, 美国).添加运动员("U-S" + i, 美国);

}

}

function Button7_onclick() {

//消息发布
奥运会.公告发布event = function (sender, e) {
document.getElementById("TextArea1").value = e;
}

//给运动员分配运动项目
var 中国=奥运会.通用查询(奥运会 ,"国家集合" ,"名称","中国");
var 郭晶晶=奥运会.通用查询(中国 ,"运动员集合" ,"姓名","郭晶晶");
var 跳水 =奥运会.通用查询(奥运会 ,"项目集合" ,"名称","跳水");
郭晶晶.添加项目(跳水);

var 日本=奥运会.通用查询(奥运会 ,"国家集合" ,"名称","日本");
var 小日本田=奥运会.通用查询(日本 ,"运动员集合" ,"姓名","小日本田");
小日本田.添加项目(跳水);

var 美国=奥运会.通用查询(奥运会 ,"国家集合" ,"名称","美国");
var 布迪亚 =奥运会.通用查询(美国 ,"运动员集合" ,"姓名","布迪亚 ");
布迪亚 .添加项目(跳水);

}

function Button8_onclick() {
//消息发布
奥运会.公告发布event = function (sender, e) {
document.getElementById("TextArea1").value = e;
}
//为运动设置成绩
var 中国=奥运会.通用查询(奥运会 ,"国家集合" ,"名称","中国");
var 郭晶晶=奥运会.通用查询(中国 ,"运动员集合" ,"姓名","郭晶晶");
var 跳水1 =奥运会.通用查询(奥运会 ,"项目集合" ,"名称","跳水").浅表克隆();

//先得到要修改数据对象的引用
var 跳水1set =奥运会.通用查询(郭晶晶 ,"项目集合" ,"名称","跳水");
跳水1.成绩="99分";
跳水1set.添加比赛成绩(郭晶晶,跳水1);

var 日本=奥运会.通用查询(奥运会 ,"国家集合" ,"名称","日本");
var 小日本田=奥运会.通用查询(日本 ,"运动员集合" ,"姓名","小日本田");
var 跳水2 =奥运会.通用查询(奥运会 ,"项目集合" ,"名称","跳水").浅表克隆();

var 跳水2set =奥运会.通用查询(小日本田 ,"项目集合" ,"名称","跳水");
跳水2.成绩="25分";
跳水2set.添加比赛成绩(小日本田,跳水2);
}

function Button9_onclick() {

//消息发布
奥运会.公告发布event = function (sender, e) {
document.getElementById("TextArea1").value = e;
}
奥运会.闭幕();
}

</script>


具体效果


喜欢的人可以下载看看,体会OOP思想http://files.cnblogs.com/BABLOVE/JSOOP%E5%A5%A5%E8%BF%90%E4%BC%9A.rar
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: