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 事件参考手册
Dec 24 Javascript
js输出列表实现代码
Sep 12 Javascript
Javascript设置对象的ReadOnly属性(示例代码)
Dec 25 Javascript
JavaScript实现Java中StringBuffer的方法
Feb 09 Javascript
easyui validatebox验证
Apr 29 Javascript
JavaScript的字符串方法汇总
Jul 31 Javascript
基于js对象,操作属性、方法详解
Aug 11 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
Oct 10 Javascript
原生JS与jQuery编写简单选项卡
Oct 30 jQuery
Vue.js最佳实践(五招助你成为vuejs大师)
May 04 Javascript
vue实现微信分享功能
Nov 28 Javascript
JS实现拖动模糊框特效
Aug 25 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
上海牌131型七灯四波段四喇叭一级收音机
2021/03/02 无线电
PHP性能优化 产生高度优化代码
2011/07/22 PHP
javascript学习随笔(使用window和frame)的技巧
2007/03/08 Javascript
jQuery的一些特性和用法整理小结
2010/01/13 Javascript
基于jquery的气泡提示效果
2010/05/31 Javascript
DOM和XMLHttpRequest对象的属性和方法整理
2012/01/04 Javascript
JavaScript获取onclick、onchange等事件值的代码
2013/07/22 Javascript
jQuery实现瀑布流的取巧做法分享
2015/01/12 Javascript
javascript中的Base64、UTF8编码与解码详解
2015/03/18 Javascript
JavaScript移除数组内重复元素的方法
2015/03/18 Javascript
JQuery插件jcarousellite的参数中文说明
2015/05/11 Javascript
鼠标经过子元素触发mouseout,mouseover事件的解决方案
2015/07/26 Javascript
jquery捕捉回车键及获取checkbox值与异步请求的方法
2015/12/24 Javascript
jquery中ajax处理跨域的三大方式
2016/01/05 Javascript
DWR中各种java方法的调用
2016/05/04 Javascript
nodejs个人博客开发第四步 数据模型
2017/04/12 NodeJs
详解webpack和webpack-simple中如何引入css文件
2017/06/28 Javascript
Angularjs单选框相关的示例代码
2017/08/17 Javascript
jQuery实现右侧抽屉式在线客服功能
2017/12/25 jQuery
angularjs 获取默认选中的单选按钮的value方法
2018/02/28 Javascript
Vue无限滑动周选择日期的组件的示例代码
2018/07/18 Javascript
深入理解JavaScript 箭头函数
2019/05/30 Javascript
浅谈vue3中effect与computed的亲密关系
2019/10/10 Javascript
vue项目中自定义video视频控制条的实现代码
2020/04/26 Javascript
Python判断文件和文件夹是否存在的方法
2015/05/21 Python
基于Django contrib Comments 评论模块(详解)
2017/12/08 Python
Python读取YUV文件,并显示的方法
2018/12/04 Python
pytorch  网络参数 weight bias 初始化详解
2020/06/24 Python
Matplotlib 折线图plot()所有用法详解
2020/07/28 Python
python statsmodel的使用
2020/12/21 Python
Sperry官网:帆船鞋创始品牌
2016/09/07 全球购物
埃弗顿足球俱乐部官方网上商店:Everton Direct
2018/01/13 全球购物
大专生自荐信
2013/10/04 职场文书
债务授权委托书范本
2014/10/17 职场文书
2015小学新教师个人工作总结
2015/10/14 职场文书
2016教师学习教育法心得体会
2016/01/19 职场文书