JavaScript構(gòu)建自己的對象示例
本文實例講述了JavaScript構(gòu)建自己的對象。分享給大家供大家參考,具體如下:
<script type='text/javascript'>
//構(gòu)建一個CustomerBooking類
//構(gòu)造函數(shù)
function CustomerBooking(bookingId,customerName,film,showDate){
this.bookingId = bookingId;
this.customerName = customerName;
this.film = film;
this.showDate =showDate;
}
//getBookingId方法,有點奇特
CustomerBooking.prototype.getBookingId = function(){
return this.bookingId;
}
//setBookingId方法
CustomerBooking.prototype.setBookingId = function(bookingId){
this.bookingId = bookingId;
}
CustomerBooking.prototype.getCustomerName = function(){
return this.customerName;
}
CustomerBooking.prototype.setCustomerName = function(customerName){
this.customerName = customerName;
}
CustomerBooking.prototype.getFilm = function(){
return this.film;
}
CustomerBooking.prototype.setFilm = function(film){
this.film = film;
}
CustomerBooking.prototype.getShowDate = function(){
return this.showDate;
}
CustomerBooking.prototype.setShowDate = function(showDate){
this.showDate = showDate;
}
//構(gòu)建一個cineme類,屬性為數(shù)組,可以保存預定信息
function cinema(){
this.bookings = new Array();
}
//addBooking方法
cinema.prototype.addBooking = function(bookingId,customerName,film,showDate){
this.bookings[bookingId] = new CustomerBooking(bookingId,customerName,film,showDate);
}
//getBookingsTable方法
cinema.prototype.getBookingsTable = function(){
var booking;
var bookingsTableHTML="<table border=1>";
for(booking in this.bookings){
bookingsTableHTML +="<tr><td>";
bookingsTableHTML +=this.bookings[booking].getBookingId();
bookingsTableHTML +="</td>";
bookingsTableHTML +="<td>";
bookingsTableHTML +=this.bookings[booking].getCustomerName();
bookingsTableHTML +="</td>";
bookingsTableHTML +="<td>";
bookingsTableHTML +=this.bookings[booking].getFilm();
bookingsTableHTML +="</td>";
bookingsTableHTML +="<td>";
bookingsTableHTML +=this.bookings[booking].getShowDate();
bookingsTableHTML +="</td></tr>";
}
bookingsTableHTML +="</table>";
return bookingsTableHTML;
}
//新建cinema對象就可以了,這里會通過addBooking自動生成customerBooking對象,
保存到cinema對象bookingFilm的屬性當中,然后調(diào)用getBookingsTable方法來獲取數(shù)據(jù)信息
var bookingFilm = new cinema();
bookingFilm.addBooking(123,"Jack","Love Java","1 May 2012");
bookingFilm.addBooking(123,"Jack","Love Java","1 May 2012");
bookingFilm.addBooking(122,"Jack","Love Java","1 May 2012");
bookingFilm.addBooking(121,"Jack","Love Java","1 May 2012");
bookingFilm.addBooking(120,"Jack","Love Java","1 May 2012");
bookingFilm.addBooking(119,"Jack","Love Java","1 May 2012");
document.write(bookingFilm.getBookingsTable());
</script>
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
bootstrap制作jsp頁面(根據(jù)值讓table顯示選中)
這篇文章主要為大家詳細介紹了bootstrap做的jsp頁面,根據(jù)值讓table顯示選中,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-01-01
JavaScript+CSS實現(xiàn)模態(tài)框效果
這篇文章主要為大家詳細介紹了JavaScript+CSS實現(xiàn)模態(tài)框效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-07-07

