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 相关文章推荐
BOM与DOM的区别分析
Oct 26 Javascript
JavaScript Accessor实现说明
Dec 06 Javascript
jQuery实现自动滚动到页面顶端的方法
May 22 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
Oct 23 Javascript
jquery正则表达式验证(手机号、身份证号、中文名称)
Dec 31 Javascript
JavaScript禁止用户多次提交的两种方法
Jul 24 Javascript
谈谈target=_new和_blank的不同之处
Oct 25 Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
Mar 01 Javascript
vue.js 实现点击展开收起动画效果
Jul 07 Javascript
详细分析Node.js 多进程
Jun 22 Javascript
vue3语法糖内的defineProps及defineEmits
Apr 14 Vue.js
vue3种table表格选项个数的控制方法
Apr 14 Vue.js
浅谈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屏蔽蜘蛛访问代码及常用搜索引擎的HTTP_USER_AGENT
2013/03/06 PHP
解析在PHP中使用全局变量的几种方法
2013/06/24 PHP
php中的curl使用入门教程和常见用法实例
2014/04/10 PHP
JavaScript中的集合及效率
2010/01/08 Javascript
javascript window.opener的用法分析
2010/04/07 Javascript
使用JQuery和CSS模拟超链接的用户单击事件的实现代码
2012/05/23 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
2015/03/17 Javascript
详细谈谈AngularJS的子级作用域问题
2016/09/05 Javascript
BootStrap Fileinput的使用教程
2016/12/30 Javascript
jQuery Ajax前后端使用JSON进行交互示例
2017/03/17 Javascript
Centos6.8下Node.js安装教程
2017/05/12 Javascript
原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果
2018/05/03 Javascript
vue路由中前进后退的一些事儿
2019/05/18 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
2020/03/10 Javascript
你准备好迎接vue3.0了吗
2020/04/28 Javascript
python小技巧之批量抓取美女图片
2014/06/06 Python
Python中read()、readline()和readlines()三者间的区别和用法
2017/07/30 Python
python3操作微信itchat实现发送图片
2018/02/24 Python
python write无法写入文件的解决方法
2019/01/23 Python
使用Python检测文章抄袭及去重算法原理解析
2019/06/14 Python
Python画图实现同一结点多个柱状图的示例
2019/07/07 Python
python中Array和DataFrame相互转换的实例讲解
2021/02/03 Python
python爬虫线程池案例详解(梨视频短视频爬取)
2021/02/20 Python
HTML5中Canvas与SVG的画图原理比较
2013/01/16 HTML / CSS
美国折扣宠物药房:Total Pet Supply
2018/05/27 全球购物
欧舒丹俄罗斯官方网站:L’OCCITANE俄罗斯
2019/11/22 全球购物
《红军不怕远征难》教学反思
2014/04/14 职场文书
体育系毕业生求职自荐信
2014/04/16 职场文书
大学生志愿者活动总结
2014/06/27 职场文书
少先队活动总结
2014/08/29 职场文书
2014年银行客户经理工作总结
2014/11/12 职场文书
挂靠协议书
2015/01/27 职场文书
运动会主持人开幕词
2016/03/04 职场文书
职业生涯规划书之大学四年
2019/08/07 职场文书
导游词之沈阳清昭陵
2019/12/28 职场文书
golang为什么要统一错误处理
2022/04/03 Golang