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 相关文章推荐
学习jquery必备 api中英文对照的chm手册 下载
May 03 Javascript
js 表单提交后按钮变灰的实例代码
Aug 16 Javascript
使用原生js写的一个简单slider
Apr 29 Javascript
基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)
Sep 02 Javascript
Angular2学习笔记——详解NgModule模块
Dec 02 Javascript
jQuery滚动插件scrollable.js用法分析
May 25 jQuery
JS仿QQ好友列表展开、收缩功能(第二篇)
Jul 07 Javascript
史上最全JavaScript常用的简写技巧(推荐)
Aug 17 Javascript
打字效果动画的4种实现方法(超简单)
Oct 18 Javascript
jQuery实现table表格checkbox全选的方法分析
Jul 04 jQuery
react中Suspense的使用详解
Sep 01 Javascript
JS实现页面数据懒加载
Feb 13 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
3.从实例开始
2006/10/09 PHP
纯php打造的tab选项卡效果代码(不用js)
2010/12/29 PHP
php的array_multisort()使用方法介绍
2012/05/16 PHP
php中根据变量的类型 选择echo或dump
2012/07/05 PHP
php调用nginx的mod_zip模块打包ZIP文件
2014/06/11 PHP
php实现的错误处理封装类实例
2017/06/20 PHP
彪哥1.1(智能表格)提供下载
2006/09/07 Javascript
nullJavascript中创建对象的五种方法实例
2013/05/07 Javascript
javascript模块化是什么及其优缺点介绍
2013/09/02 Javascript
js判断数据类型如判断是否为数组是否为字符串等等
2014/01/15 Javascript
jQuery插件scroll实现无缝滚动效果
2015/04/27 Javascript
JavaScript基于原型链的继承
2016/06/22 Javascript
canvas实现钟表效果
2017/02/13 Javascript
Angular弹出模态框的两种方式
2017/10/19 Javascript
Vue中正确使用jQuery的方法
2017/10/30 jQuery
React props和state属性的具体使用方法
2018/04/12 Javascript
微信小程序onLaunch异步,首页onLoad先执行?
2018/09/20 Javascript
[01:32:22]DOTA2-DPC中国联赛 正赛 Ehome vs VG BO3 第一场 2月5日
2021/03/11 DOTA
浅谈flask源码之请求过程
2018/07/26 Python
浅谈python图片处理Image和skimage的区别
2019/08/04 Python
离线状态下在jupyter notebook中使用plotly实例
2020/04/24 Python
css3的图形3d翻转效果应用示例
2014/04/08 HTML / CSS
CSS+jQuery实现的在线答题功能
2015/04/25 HTML / CSS
美国户外服装和装备购物网站:Outland USA
2020/03/22 全球购物
什么是静态路由?什么是动态路由?各自的特点是什么?
2015/09/16 面试题
大二学期个人自我评价
2014/01/13 职场文书
上课打牌的检讨书
2014/02/15 职场文书
生物制药专业自我鉴定
2014/02/19 职场文书
学员自我鉴定
2014/03/19 职场文书
大学社团计划书
2014/05/01 职场文书
社区助残日活动总结
2014/08/29 职场文书
秋季运动会广播稿(30篇)
2014/09/13 职场文书
家庭贫困证明范本(经典版)
2014/09/22 职场文书
信仰观后感
2015/06/03 职场文书
时尚女魔头观后感
2015/06/04 职场文书
解决Mysql报错 Table 'mysql.user' doesn't exist
2022/05/06 MySQL