JavaScript构建自己的对象示例


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 相关文章推荐
js实现按钮加背景图片常用方法
Nov 01 Javascript
jQuery实现的漂亮表单效果代码
Aug 18 Javascript
js操作数组函数实例小结
Dec 10 Javascript
jquery分隔Url的param方法(推荐)
May 25 Javascript
Javascript之面向对象--封装
Dec 02 Javascript
JavaScript实现垂直滚动条效果
Jan 18 Javascript
简单的vue-resourse获取json并应用到模板示例
Feb 10 Javascript
Express的HTTP重定向到HTTPS的方法
Jun 06 Javascript
微信小程序实现的一键连接wifi功能示例
Apr 24 Javascript
vue的注意规范之v-if 与 v-for 一起使用教程
Aug 04 Javascript
js实现秒表计时器
Dec 16 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
Feb 10 Javascript
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
Nov 29 #Javascript
jQuery获取this当前对象子元素对象的方法
Nov 29 #Javascript
JavaScript中return用法示例
Nov 29 #Javascript
使用JS正则表达式 替换括号,尖括号等
Nov 29 #Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
Nov 29 #Javascript
JS判断是否为JSON对象及是否存在某字段的方法(推荐)
Nov 29 #Javascript
JS 拦截全局ajax请求实例解析
Nov 29 #Javascript
You might like
PHP中3种生成XML文件方法的速度效率比较
2012/10/06 PHP
关于查看MSSQL 数据库 用户每个表 占用的空间大小
2013/06/21 PHP
yii2 RBAC使用DbManager实现后台权限判断的方法
2016/07/23 PHP
php中array_slice和array_splice函数解析
2016/10/18 PHP
php封装的mysqli类完整实例
2016/10/18 PHP
php实现微信原生支付(扫码支付)功能
2018/05/30 PHP
PHP+百度AI OCR文字识别实现了图片的文字识别功能
2019/05/08 PHP
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
2013/05/27 Javascript
jquery实现ajax提交form表单的方法总结
2014/03/03 Javascript
22点关于jquery性能优化的建议
2014/05/28 Javascript
JavaScript中的函数声明和函数表达式区别浅析
2015/03/27 Javascript
Javascript获取统一管理的提示语(message)
2016/02/03 Javascript
JavaScript模版引擎的基本实现方法浅析
2016/02/15 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
2019/08/14 Javascript
JavaScript实现简单进度条效果
2020/03/25 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
2020/04/06 Javascript
[52:15]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS LGD-GAMING
2014/05/23 DOTA
怎么使用pipenv管理你的python项目
2018/03/12 Python
Python中反射和描述器总结
2018/09/23 Python
python中退出多层循环的方法
2018/11/27 Python
python 类的继承 实例方法.静态方法.类方法的代码解析
2019/08/23 Python
python  logging日志打印过程解析
2019/10/22 Python
tensorflow 实现数据类型转换
2020/02/17 Python
解决django框架model中外键不落实到数据库问题
2020/05/20 Python
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
高中毕业生自我鉴定例文
2013/12/29 职场文书
行政专员岗位职责
2014/01/02 职场文书
庆祝教师节活动方案
2014/01/31 职场文书
企业宣传策划方案
2014/05/29 职场文书
银行求职自荐书
2014/06/25 职场文书
公司授权委托书范文
2014/09/21 职场文书
后勤个人工作总结
2015/02/28 职场文书
2015年毕业生实习评语
2015/03/25 职场文书
2015年财务人员工作总结
2015/04/10 职场文书
销售合作意向书范本
2015/05/08 职场文书
MySQL基于索引的压力测试的实现
2021/11/07 MySQL