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-01JavaScript+CSS實現(xiàn)模態(tài)框效果
這篇文章主要為大家詳細介紹了JavaScript+CSS實現(xiàn)模態(tài)框效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-07-07