JavaScript 面向对象编程

<p> </p>
<script type="text/javascript" language="javascript">// <![CDATA[
function CustomerBooking(id,name)
 {
 	this.id=id;
	this.name=name;
 }
	
CustomerBooking.prototype.getName=function()
{
	return this.name
}
	
//获取id的取值器
CustomerBooking.prototype.getID=function()
{
	return this.id;
}
	
 function BookArray()
 {
 	this.book=new Array();
 }
 
 BookArray.prototype.addBooking=function(id,name)
{
	//使用数组并用用当前对象来应用，否则出现book未定义的异常，下面的一样使用this.book才能正确使用
	this.book[id]=new CustomerBooking(id,name);
	
}
	
BookArray.prototype.TableHtml=function()
{
	var html=new String();//定义一个string对象
		
	html+="<table border=1><th>ID</th><th>Name</th>"//用来存放html代码的变量
		
	for(var a in this.book)
	{
		html+="<tr><td style='width:50px'>"+this.book[a].getID();+"</td>";
			
		html+="<td style='width:50px'>"+this.book[a].getName();+"</td></tr>";
	}
		html+="</table>"
		
	return html;
}
// ]]></script>
<script type="text/javascript">// <![CDATA[
var n=new BookArray();//创建一个对象
		for(var i=0;i<3;i++)
		{
			 var id=prompt("请输入ID号....","1");
			 var name=prompt("请输入您要的订购的产品的名称","");
			 n.addBooking(id,name);
		}
		document.write(n.TableHtml());//输出结果
// ]]></script>

运行结果如下图：