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设计模式之策略模式实例
Oct 10 Javascript
JavaScript实现仿网易通行证表单验证
May 25 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
Oct 09 Javascript
利用纯JS实现像素逐渐显示的方法示例
Aug 14 Javascript
如何抽象一个Vue公共组件
Oct 17 Javascript
Vue写一个简单的倒计时按钮功能
Apr 20 Javascript
详解Vue中数组和对象更改后视图不刷新的问题
Sep 21 Javascript
Vue创建头部组件示例代码详解
Oct 23 Javascript
小程序登录态管理的方法示例
Nov 13 Javascript
基于vue实现一个神奇的动态按钮效果
May 15 Javascript
vue中如何实现后台管理系统的权限控制的方法步骤
Sep 05 Javascript
理解JavaScript中的Proxy 与 Reflection API
Sep 21 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
有关phpmailer的详细介绍及使用方法
2013/01/28 PHP
smarty实现多级分类的方法
2014/12/05 PHP
PHPStudy下如何为Apache安装SSL证书的方法步骤
2019/01/23 PHP
RSA实现JS前端加密与PHP后端解密功能示例
2019/08/05 PHP
laravel开发环境homestead搭建过程详解
2020/07/03 PHP
jQuery 加上最后自己的验证
2009/11/04 Javascript
子窗口、父窗口和Silverlight之间的相互调用
2010/08/16 Javascript
JQuery小知识
2010/10/15 Javascript
javascript陷阱 一不小心你就中招了(字符运算)
2013/11/10 Javascript
JavaScript判断变量是否为数组的方法(Array)
2016/02/24 Javascript
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
2016/08/18 Javascript
解析NodeJS异步I/O的实现
2017/04/13 NodeJs
AngularJS 中ui-view传参的实例详解
2017/08/25 Javascript
vue引入新版 vue-awesome-swiper插件填坑问题
2018/01/25 Javascript
mpvue 单文件页面配置详解
2018/12/02 Javascript
解决vue-router 二级导航默认选中某一选项的问题
2019/11/01 Javascript
JavaScript实现京东放大镜效果
2019/12/03 Javascript
浅析python递归函数和河内塔问题
2017/04/18 Python
Python3.5面向对象与继承图文实例详解
2019/04/24 Python
关于Python 中的时间处理包datetime和arrow的方法详解
2020/03/19 Python
python绘制分布折线图的示例
2020/09/24 Python
Python爬虫爬取有道实现翻译功能
2020/11/27 Python
python中zip()函数遍历多个列表方法
2021/02/18 Python
详解HTML5中的标签
2015/06/19 HTML / CSS
Space NK英国站:英国热门美妆网站
2017/12/11 全球购物
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
幼儿如何来做好自我评价
2013/11/05 职场文书
怎样写好自荐信和推荐信
2013/12/26 职场文书
简历的自我评价
2014/02/03 职场文书
2014年旅游局法制宣传日活动总结
2014/11/01 职场文书
2015年基层党支部工作总结
2015/05/21 职场文书
预备党员转正党小组意见
2015/06/01 职场文书
标准发言稿结尾
2019/07/18 职场文书
为什么MySQL选择Repeatable Read作为默认隔离级别
2021/07/26 MySQL
php双向队列实例讲解
2021/11/17 PHP
html原生table实现合并单元格以及合并表头的示例代码
2023/05/07 HTML / CSS