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 相关文章推荐
定义select的边框颜色
Apr 28 Javascript
Jquery中Ajax 缓存带来的影响的解决方法
May 19 Javascript
jquery乱码与contentType属性设置问题解决方案
Jan 07 Javascript
js/jquery判断浏览器的方法小结
Sep 02 Javascript
Javascript闭包用法实例分析
Jan 23 Javascript
js+css实现select的美化效果
Mar 24 Javascript
jquery对dom节点的操作【推荐】
Apr 15 Javascript
详解AngularJS2 Http服务
Jun 26 Javascript
10行原生JS实现文字无缝滚动(超简单)
Jan 02 Javascript
layui原生表单验证的实例
Sep 09 Javascript
js实现滑动滑块验证登录
Jul 24 Javascript
react合成事件与原生事件的相关理解
May 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
蝙蝠侠:侠影之谜
2020/03/04 欧美动漫
php中$_SERVER[PHP_SELF] 和 $_SERVER[SCRIPT_NAME]之间的区别
2009/09/05 PHP
PHP 模拟$_PUT实现代码
2010/03/15 PHP
php模式设计之观察者模式应用实例分析
2019/09/25 PHP
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
JS动画效果代码3
2008/04/03 Javascript
XHTML下,JS浮动代码失效的问题
2009/11/12 Javascript
3Z版基于jquery的图片复选框(asp.net+jquery)
2010/04/12 Javascript
Jquery 动态添加按钮实现代码
2010/05/06 Javascript
给ListBox添加双击事件示例代码
2013/12/02 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
2014/05/15 Javascript
JavaScript严格模式禁用With语句的原因
2014/10/20 Javascript
javascript 判断是否是微信浏览器的方法
2016/10/09 Javascript
详解react服务端渲染(同构)的方法
2017/09/21 Javascript
vue脚手架搭建过程图解
2018/06/06 Javascript
详解vue-cli中模拟数据的两种方法
2018/07/03 Javascript
详解jQuery-each()方法
2019/03/13 jQuery
Openlayers测量距离与面积的实现方法
2020/09/25 Javascript
Python计算三维矢量幅度的方法
2015/06/15 Python
栈和队列数据结构的基本概念及其相关的Python实现
2015/08/24 Python
python 读写txt文件 json文件的实现方法
2016/10/22 Python
Python 常用的安装Module方式汇总
2017/05/06 Python
利用Python+Java调用Shell脚本时的死锁陷阱详解
2018/01/24 Python
Python OpenCV获取视频的方法
2018/02/28 Python
Python并发之多进程的方法实例代码
2018/08/15 Python
解决python xx.py文件点击完之后一闪而过的问题
2019/06/24 Python
基于python实现学生信息管理系统
2019/11/22 Python
Python numpy大矩阵运算内存不足如何解决
2020/11/19 Python
CSS3中文字镂空、透明值、阴影效果设置示例小结
2016/03/07 HTML / CSS
HTML5移动开发图片压缩上传功能
2016/11/09 HTML / CSS
SportsDirect.com新加坡:英国第一体育零售商
2019/03/30 全球购物
汽车专业毕业生自荐信
2013/11/03 职场文书
先进集体获奖感言
2014/02/13 职场文书
工程力学专业自荐信范文
2014/03/17 职场文书
中秋联欢会主持词
2015/07/04 职场文书
Python可视化神器pyecharts之绘制地理图表练习
2022/07/07 Python