Posted in Javascript onNovember 29, 2016
本文实例讲述了JavaScript构建自己的对象。分享给大家供大家参考,具体如下:
<script type='text/javascript'> //构建一个CustomerBooking类 //构造函数 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; } //构建一个cineme类,属性为数组,可以保存预定信息 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的属性当中,然后调用getBookingsTable方法来获取数据信息 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>
更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
JavaScript构建自己的对象示例
- Author -
牛逼的霍啸林声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@