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 相关文章推荐
javascript 动态加载 css 方法总结
Jul 11 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
Sep 03 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
Sep 04 Javascript
jQuery取消ajax请求的方法
Jun 09 Javascript
基于js实现二级下拉联动
Dec 17 Javascript
jQuery表单插件ajaxForm实例详解
Jan 17 Javascript
vue-resource调用promise取数据方式详解
Jul 21 Javascript
Vue2.0 vue-source jsonp 跨域请求
Aug 04 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
Feb 01 Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
Nov 07 Javascript
Promise静态四兄弟实现示例详解
Jul 07 Javascript
javascript进阶篇深拷贝实现的四种方式
Jul 07 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目录管理函数小结
2008/09/10 PHP
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装(win+linux)
2012/05/05 PHP
PHP实现链式操作的核心思想
2015/06/23 PHP
基于PHP实现简单的随机抽奖小程序
2016/01/05 PHP
PHP使用http_build_query()构造URL字符串的方法
2016/04/02 PHP
Redis在Laravel项目中的应用实例详解
2017/08/11 PHP
PHP操作Redis常用命令的实例详解
2020/12/23 PHP
IE与firefox之jquery用法区别
2008/10/03 Javascript
深入理解JavaScript系列(8) S.O.L.I.D五大原则之里氏替换原则LSP
2012/01/15 Javascript
JS打开层/关闭层/移动层动画效果的实例代码
2013/05/11 Javascript
JS比较2个日期间隔的示例代码
2014/04/15 Javascript
上传文件返回的json数据会被提示下载问题解决方案
2014/12/03 Javascript
js分页工具实例
2015/01/28 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
搭建Bootstrap离线文档的方法
2016/12/02 Javascript
javascript中json基础知识详解
2017/01/19 Javascript
Angularjs 动态添加指令并绑定事件的方法
2017/04/13 Javascript
详解angularjs利用ui-route异步加载组件
2017/05/21 Javascript
mui back 返回刷新页面的实例
2017/12/06 Javascript
vue之将echart封装为组件
2018/06/02 Javascript
浅析JavaScript异步代码优化
2019/03/18 Javascript
vue接入腾讯防水墙代码
2019/05/07 Javascript
[02:28]DOTA2 2017国际邀请赛小组赛回顾
2017/08/09 DOTA
举例讲解Python面相对象编程中对象的属性与类的方法
2016/01/19 Python
Python使用Srapy框架爬虫模拟登陆并抓取知乎内容
2016/07/02 Python
Python异常模块traceback用法实例分析
2019/10/22 Python
Tensorflow的常用矩阵生成方式
2020/01/04 Python
Python Numpy,mask图像的生成详解
2020/02/19 Python
设计师大码女装:11 Honoré
2020/05/03 全球购物
PHP如何调用MYSQL存储过程
2014/05/30 面试题
个人简历自我评价
2014/02/02 职场文书
植物生产学专业求职信
2014/08/08 职场文书
悬空寺导游词
2015/02/05 职场文书
《我的伯父鲁迅先生》教学反思
2016/02/16 职场文书
快速学习Oracle触发器和游标
2021/06/30 Oracle
解决Laravel使用验证时跳转到首页的问题
2021/11/17 PHP