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 相关文章推荐
JS查看对象功能代码
Apr 25 Javascript
Iframe thickbox2.0使用的方法
Mar 05 Javascript
Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
Dec 06 Javascript
Javascript实现获取窗口的大小和位置代码分享
Dec 04 Javascript
纯javascript模仿微信打飞机小游戏
Aug 20 Javascript
利用JQuery阻止事件冒泡
Dec 01 Javascript
Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题
Feb 27 Javascript
React组件生命周期详解
Jul 03 Javascript
在vue中读取本地Json文件的方法
Sep 06 Javascript
vue双向绑定及观察者模式详解
Mar 19 Javascript
Vue安装浏览器开发工具的步骤详解
May 12 Javascript
vue实现设置载入动画和初始化页面动画效果
Oct 28 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
一个改进的UBB类
2006/10/09 PHP
php 获取当前访问的url文件名的方法小结
2010/02/08 PHP
ThinkPHP实现动态包含文件的方法
2014/11/29 PHP
PHP面向对象中new self()与 new static()的区别浅析
2017/08/17 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
PHP8.0新功能之Match表达式的使用
2020/07/19 PHP
JS 判断undefined的实现代码
2009/11/26 Javascript
jquery post方式传递多个参数值后台以数组的方式进行接收
2013/01/11 Javascript
jQuery中bind与live的用法及区别小结
2014/01/27 Javascript
JavaScript中的原型和继承详解(图文)
2014/07/18 Javascript
jQuery制作简洁的多级联动Select下拉框
2014/12/23 Javascript
javascript电商网站抢购倒计时效果实现
2015/11/19 Javascript
仅30行代码实现Javascript中的MVC
2016/02/15 Javascript
Bootstrap实现渐变顶部固定自适应导航栏
2020/08/27 Javascript
package.json文件配置详解
2017/06/15 Javascript
jQuery实现使用sort方法对json数据排序的方法
2018/04/17 jQuery
Vue的全局过滤器和私有过滤器的实现
2020/04/20 Javascript
解决vant title-active-color与title-inactive-color不生效问题
2020/11/03 Javascript
Python中正则表达式详解
2017/05/17 Python
教你使用python画一朵花送女朋友
2018/03/29 Python
10 分钟快速入门 Python3的教程
2019/01/29 Python
对Python中画图时候的线类型详解
2019/07/07 Python
Python使用指定字符长度切分数据示例
2019/12/05 Python
python实现单目标、多目标、多尺度、自定义特征的KCF跟踪算法(实例代码)
2020/01/08 Python
Python Selenium截图功能实现代码
2020/04/26 Python
基于python实现计算两组数据P值
2020/07/10 Python
Pycharm配置lua编译环境过程图解
2020/11/28 Python
css3与html5实现响应式导航菜单(导航栏)效果分享
2014/02/12 HTML / CSS
HTML5之多线程(Web Worker)
2019/01/02 HTML / CSS
HTML5使用drawImage()方法绘制图像
2014/06/23 HTML / CSS
法英专业大学生职业生涯规划书范文
2014/09/22 职场文书
在职证明书范本(2014新版)
2014/09/25 职场文书
局领导领导班子四风对照检查材料
2014/09/27 职场文书
房屋授权无偿使用证明
2014/11/29 职场文书
导游词之上海东方明珠塔
2019/09/25 职场文书
JDK8中String的intern()方法实例详细解读
2022/09/23 Java/Android