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实现标签上移、下移、置顶
Apr 26 Javascript
jquery对复选框(checkbox)的操作汇总
Jan 13 Javascript
javascript执行环境及作用域详解
May 05 Javascript
Bootstrap Validator 表单验证
Jul 25 Javascript
使用vue实现点击按钮滑出面板的实现代码
Jan 10 Javascript
JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
Jul 23 Javascript
cordova入门基础教程及使用中遇到的一些问题总结
Nov 14 Javascript
Vue.JS项目中5个经典Vuex插件
Nov 28 Javascript
mpvue构建小程序的方法(步骤+地址)
May 22 Javascript
ES6的Fetch异步请求的实现方法
Dec 07 Javascript
JavaScript设计模式之观察者模式实例详解
Jan 16 Javascript
如何给element添加一个抽屉组件的方法步骤
Jul 14 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
php模仿asp Application对象在线人数统计实现方法
2015/01/04 PHP
浅谈PHP中new self()和new static()的区别
2017/08/11 PHP
基于jquery实现select选择框内容左右移动添加删除代码分享
2015/08/25 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
2015/09/06 Javascript
Node.js与Sails ~项目结构与Mvc实现及日志机制
2015/10/14 Javascript
javascript图片预加载完整实例
2015/12/10 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
2016/06/17 Javascript
js自调用匿名函数的三种写法(推荐)
2016/08/19 Javascript
AngularJS中$watch和$timeout的使用示例
2016/09/20 Javascript
jQuery实现发送验证码并60秒倒计时功能
2016/11/25 Javascript
vue图片加载与显示默认图片实例代码
2017/03/16 Javascript
微信小程序 刷新上拉下拉不会断详细介绍
2017/05/11 Javascript
Angular排序实例详解
2017/06/28 Javascript
五分钟搞懂Vuex实用知识(小结)
2019/08/12 Javascript
微信小程序返回箭头跳转到指定页面实例解析
2019/10/08 Javascript
微信小程序实现列表滚动头部吸顶的示例代码
2020/07/12 Javascript
Flexible.js可伸缩布局实现方法详解
2020/11/13 Javascript
JavaScript实现瀑布流布局的3种方式
2020/12/27 Javascript
[01:08:17]2018DOTA2亚洲邀请赛3月29日 小组赛B组 EG VS VGJ.T
2018/03/30 DOTA
[01:03:42]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python使用Flask框架获取当前查询参数的方法
2015/03/21 Python
利用Python和OpenCV库将URL转换为OpenCV格式的方法
2015/03/27 Python
python爬虫_微信公众号推送信息爬取的实例
2017/10/23 Python
Python 多进程并发操作中进程池Pool的实例
2017/11/01 Python
实例讲解Python脚本成为Windows中运行的exe文件
2019/01/24 Python
Django获取该数据的上一条和下一条方法
2019/08/12 Python
3种适用于Python的疯狂秘密武器及原因解析
2020/04/29 Python
详解python3 GUI刷屏器(附源码)
2021/02/18 Python
美国复古街头服饰精品店:Need Supply Co.
2017/02/22 全球购物
教师绩效考核方案
2014/01/21 职场文书
企业办公室主任岗位职责
2014/02/19 职场文书
古汉语文学求职信范文
2014/03/16 职场文书
庆元旦演讲稿
2014/09/15 职场文书
2015年幼儿园班主任工作总结
2015/05/12 职场文书
30岁前绝不能错过的10本书
2019/08/08 职场文书
WebWorker 封装 JavaScript 沙箱详情
2021/11/02 Javascript