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 相关文章推荐
网页里控制图片大小的相关代码
Jun 25 Javascript
动态加载js文件 document.createElement
Oct 14 Javascript
js(jQuery)获取时间的方法及常用时间类搜集
Oct 23 Javascript
浅析Javascript中“==”与“===”的区别
Dec 23 Javascript
JS实现网页上随机产生超链接地址的方法
Nov 09 Javascript
js如何改变文章的字体大小
Jan 08 Javascript
WebGL利用FBO完成立方体贴图效果完整实例(附demo源码下载)
Jan 26 Javascript
JS控制静态页面传递参数并获取参数应用
Aug 10 Javascript
微信小程序入门教程
Nov 18 Javascript
Angular1.x复杂指令实例详解
Mar 01 Javascript
JS面向对象的程序设计相关知识小结
May 26 Javascript
Vue项目服务器部署之子目录部署方法
May 12 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实现文件安全下载
2006/10/09 PHP
计算一段日期内的周末天数的php代码(星期六,星期日总和)
2009/11/12 PHP
仿Aspnetpager的一个PHP分页类代码 附源码下载
2012/10/08 PHP
[原创]php逐行读取txt文件写入数组的方法
2015/07/02 PHP
PHP new static 和 new self详解
2017/02/19 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
javascript 播放器 控制
2007/01/22 Javascript
不用写JS也能使用EXTJS视频演示
2008/12/29 Javascript
javascript使用正则控制input输入框允许输入的值方法大全
2014/06/19 Javascript
如何解决谷歌浏览器下jquery无法获取图片的尺寸
2015/09/10 Javascript
今天抽时间给大家整理jquery和ajax的相关知识
2015/11/17 Javascript
JS实现动态生成表格并提交表格数据向后端
2020/11/25 Javascript
javascript的 {} 语句块详解
2016/02/27 Javascript
AngularJS动态生成div的ID源码解析
2016/08/29 Javascript
微信小程序 页面跳转传递值几种方法详解
2017/01/12 Javascript
ES6 javascript的异步操作实例详解
2017/10/30 Javascript
AngularJS动态添加数据并删除的实例
2018/02/27 Javascript
Vue头像处理方案小结
2018/07/26 Javascript
在vue中对数组值变化的监听与重新响应渲染操作
2020/07/17 Javascript
Vue自定义全局弹窗组件操作
2020/08/11 Javascript
Python编码爬坑指南(必看)
2016/06/10 Python
pandas DataFrame实现几列数据合并成为新的一列方法
2018/06/08 Python
详解Python3 对象组合zip()和回退方式*zip
2019/05/15 Python
python中pytest收集用例规则与运行指定用例详解
2019/06/27 Python
Python多线程获取返回值代码实例
2020/02/17 Python
利用python绘制中国地图(含省界、河流等)
2020/09/21 Python
用Python实现童年贪吃蛇小游戏功能的实例代码
2020/12/07 Python
《会变的花树叶》教学反思
2014/02/10 职场文书
人事文员岗位职责
2014/02/16 职场文书
党员干部承诺书
2014/03/25 职场文书
社区食品安全实施方案
2014/03/28 职场文书
担保书格式及范文
2014/04/01 职场文书
2015年班级元旦晚会活动总结
2014/11/28 职场文书
2016年暑期见闻作文
2015/11/25 职场文书
Nginx下配置Https证书详细过程
2021/04/01 Servers
Vue CLI中模式与环境变量的深入详解
2021/05/30 Vue.js