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 模拟JQuery的Ready方法实现并出现的问题
Dec 06 Javascript
js弹出div并显示遮罩层
Feb 12 Javascript
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
Oct 21 Javascript
深入探究使JavaScript动画流畅的一些方法
Jun 30 Javascript
js实现三张图(文)片一起切换的banner焦点图
Aug 25 Javascript
JS基于面向对象实现的拖拽库实例
Sep 24 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
Dec 13 Javascript
Node.Js中实现端口重用原理详解
May 03 Javascript
vue基础知识--axios合并请求和slot
Jun 04 Javascript
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
Sep 12 Javascript
npm ci命令的基本使用方法
Sep 20 Javascript
微信小程序基于ColorUI构建皮皮虾短视频去水印组件
Nov 04 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
利用js调用后台php进行数据处理原码
2006/10/09 PHP
如何写php守护进程(Daemon)
2015/12/30 PHP
Symfony2联合查询实现方法
2016/03/18 PHP
PHP数据的提交与过滤基本操作实例详解
2016/11/11 PHP
Add a Picture to a Microsoft Word Document
2007/06/15 Javascript
JavaScript 基于原型的对象(创建、调用)
2009/10/16 Javascript
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
2010/12/30 Javascript
网页中返回顶部代码(多种方法)另附注释说明
2013/04/24 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
2015/07/28 Javascript
Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
2016/01/18 Javascript
javascript随机抽取0-100之间不重复的10个数
2016/02/25 Javascript
javascript实现不同颜色Tab标签切换效果
2016/04/27 Javascript
基于vue.js组件实现分页效果
2018/12/29 Javascript
微信小程序实现富文本图片宽度自适应的方法
2019/01/20 Javascript
js常见遍历操作小结
2019/06/06 Javascript
Vue 设置axios请求格式为form-data的操作步骤
2019/10/29 Javascript
JS函数基本定义与用法示例
2020/01/15 Javascript
[01:25:09]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第二场
2014/05/24 DOTA
Python-基础-入门 简介
2014/08/09 Python
Python打包方法Pyinstaller的使用
2018/10/09 Python
python基础梳理(一)(推荐)
2019/04/06 Python
新建文件时Pycharm中自动设置头部模板信息的方法
2020/04/17 Python
Python3爬虫关于代理池的维护详解
2020/07/30 Python
python按照list中字典的某key去重的示例代码
2020/10/13 Python
详解Python 中的 defaultdict 数据类型
2021/02/22 Python
美国波道夫·古德曼百货官网:Bergdorf Goodman
2017/11/07 全球购物
科茨沃尔德家居商店:Scotts of Stow
2018/06/29 全球购物
大学生志愿者感言
2014/01/15 职场文书
自我鉴定写作要点
2014/01/17 职场文书
2014年销售人员工作总结
2014/11/27 职场文书
2016母亲节感恩话语
2015/12/09 职场文书
三十年再续同学情倡议书
2019/11/27 职场文书
2020年基层司法所建设情况调研报告
2019/11/30 职场文书
mysql使用instr达到in(字符串)的效果
2022/04/03 MySQL
vue选项卡切换的实现案例
2022/04/11 Vue.js
mysql 乱码 字符集latin1转UTF8
2022/04/19 MySQL