JavaScript構(gòu)建自己的對象示例
本文實(shí)例講述了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方法,有點(diǎn)奇特
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ù)組,可以保存預(yù)定信息
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的屬性當(dāng)中,然后調(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ù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
connection reset by peer問題總結(jié)及解決方案
這篇文章主要介紹了connection reset by peer問題解決方案的相關(guān)資料,這里整理了一些常見問題,及如何解決,需要的朋友可以參考下2016-10-10
JavaScript下通過的XMLHttpRequest發(fā)送請求的代碼
JavaScript下通過的XMLHttpRequest發(fā)送請求的代碼,需要的朋友可以參考下。2011-06-06
Javascript前端下載后臺傳來的文件流代碼實(shí)例
這篇文章主要介紹了Javascript前端下載后臺傳來的文件流代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-08-08
瀏覽器解析js生成的html出現(xiàn)樣式問題的解決方法
接觸css, javascript有三年多了,今天遇到的問題最令我不可思議,很容易給人一種錯覺,那就是js拼成的html結(jié)構(gòu)肯定有問題2012-04-04
JS數(shù)組進(jìn)階示例【數(shù)組的幾種函數(shù)用法】
這篇文章主要介紹了JS數(shù)組進(jìn)階,結(jié)合實(shí)例形式總結(jié)分析了數(shù)組的幾種常見函數(shù)基本用法,涉及JavaScript數(shù)組元素刪除、拼接、添加、倒序排列等相關(guān)操作技巧,需要的朋友可以參考下2020-01-01
解決Babylon.js中AudioContext was not allowed&nbs
這篇文章主要介紹了解決Babylon.js中AudioContext was not allowed to start異常問題方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04
js下拉選擇框與輸入框聯(lián)動實(shí)現(xiàn)添加選中值到輸入框的方法
這篇文章主要介紹了js下拉選擇框與輸入框聯(lián)動實(shí)現(xiàn)添加選中值到輸入框的方法,涉及javascript中onchange事件及頁面元素遍歷的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
javascript DOM設(shè)置樣式詳細(xì)說明和示例代碼
JavaScript也可以用來修改DOM元素的樣式,我們可以使用style屬性來訪問和修改元素的樣式屬性,這篇文章主要給大家介紹了關(guān)于javascript DOM設(shè)置樣式詳細(xì)說明和示例代碼的相關(guān)資料,需要的朋友可以參考下2024-06-06
js鼠標(biāo)經(jīng)過tab選項卡時實(shí)現(xiàn)切換延遲
這篇文章主要為大家詳細(xì)介紹了js鼠標(biāo)經(jīng)過tab選項卡時實(shí)現(xiàn)切換延遲效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03

