js两种生成对象模式(公有成员和成员私有)
假设有个需求,创建一个book类,有isbn码,书名,作者 ;可以对isbn进行数据完整性校验;--js设计模式
<script type="text/javascript">
/**
方案一,属性全部属于公有类型,用this创建
该方式可以在构造器中对数据的完整性进行检验的控制,但对其他人员会把什么值赋给该属性而不能进行数据完整性检验的控制;
**/
var Book = function(isbn,name,author){
if(!this.checkIsbn(isbn)) throw new Error("不合法的isbn码");
this.isbn = isbn;
this.name = name || '没有名字';
this.author = author || '没有作者';
}
Book.prototype={
checkIsbn:function(isbn){
/**
专门用来检验isbn的数据完整性,以防在该类中其他方法中出错
**/
if(isbn||typeof isbn !='string'){
return false;
}
// 可以对isbn进行各种校验 ...............
},
display:function(){
/** 展示书本的一些信息 用this.isbn,this.name展示信息**/
}
}
/** 优化后的方案一,以后所有的访问采用接口方式访问,属性用存取器来访问(可以将每个属性设置 为取值器和设置器(get,set);通过设置器你可以对你的属性(isbn)在存取器中进行数据完整性校验);
但是这种访问并不是强制性的,得靠开发人员自觉遵守,还是可以直接修改属性的;**/
var BookInter = new Interface('BookInter',['getIsbn','setIsbn','getName','setName','getAuthor','setAuthor','display']);
var Book = function(isbn,name,author){
this.setIsbn(isbn);//采用存取器来设置属性
this.setName(name);
this.setAuthor(author);
}
Book.prototype = {
checkIsbn:function(isbn){
........
},
getIsbn:function(){
return this.isbn;
},
setIsbn:function(isbn){
if(!this.checkIsbn(isbn))throw new Error("不合法的isbn码");
this.isbn = isbn;
},
getName:function(){
return this.name;
},
setName:function(){
this.name = name || '没有名字';
},
getAuthor:function(){
return this.author
},
setAuthor:function(){
this.author = author || '没有作者';
},
display:function(){
//..................
}
};
/**
方案二,采用闭包的方式形成真真的私有属性和方法;javascript中的作用域是词法性的;函数运行在定义他们的作用域中,而不是
运行在调用他们的作用域中。子类不能访问父类的所有私有属性和方法。所以用闭包实现私用成员导致了‘继承破坏封装’;有子类的话尽量用
方案一
**/
var Book = function(newIsbn,newName,newAuthor){
var isbn,name,author;//私有属性
function checkIsbn(isbn){
//私有访法
}
//有特权的方法(那些需要直接访问私有成员的方法才被设置为特权方法,特权方法太多占用内存,每个对象实例都包含了所有特权方法的副本)
this.getIsbn = function(){
return isbn;
};
this.setIsbn = function(){
if(!checkIsbn(newIsbn)) throw new Error('非法的isbn码');
isbn = newIsbn;
};
this.getName = function(){
return name;
}
this.setName = function(newName){
name = newName || '没有名字';
}
this.getAuthor = function(){
return author;
}
this.setAuthor = function(newAuthor){
author = newAuthor || '没有作者';
}
//构造器代码
this.setIsbn(newIsbn);
this.setName(newName);
this.setAuthor(newAuthor);
};
//公有的
Book.prototype = {
display: function(){//不需要直接访问私有属性,可以通过特权方法来访问
/**展示书刊的一些信息**/
}
}
/**
方案三,可以在方案二的基础上给类和对象添加静态变量和方法(私有的和公有的),大多数方法,属性关联在类的实例(对象)上;静态的变量和方法关联在类对象(js处处是对象)上,静态成员都只有一份;
**/
var Book = (function(){//在这里,book想当于是一个构造函数,return返回这个函数, 括号括起来的相当于是个闭包;
//静态变量(私)
var countBookNum=0;
//静态方法(私)
function checkIsbn(isbn){
if(!isbn||typeof isbn !='string'){
return false;
}
return true;
}
//返回构造函数(作为一个内嵌函数返回)
return function(newIsbn,newName,newAuthor){
var isbn,name,author;//私有属性
//有特权的方法(那些需要直接访问私有成员的方法才被设置为特权方法,特权方法太多占用内存,每个对象实例都包含了所有特权方法的复本)
this.getIsbn = function(){
return isbn;
};
this.setIsbn = function(){
if(!checkIsbn(newIsbn)) throw new Error('非法的isbn码');
isbn = newIsbn;
};
this.getName = function(){
return name;
}
this.setName = function(newName){
name = newName || '没有名字';
}
this.getAuthor = function(){
return author;
}
this.setAuthor = function(newAuthor){
author = newAuthor || '没有作者';
}
countBookNum++;
if(countBookNum>5) throw new Error("书本只能有"+(countBookNum-1)+"本!");
//构造器代码
this.setIsbn(newIsbn);
this.setName(newName);
this.setAuthor(newAuthor);
}
})();
/**该方法作为构造函数的属性出现的;是公有的,静态函数**/
Book.converteUpperCase = function(inputString){
alert(inputString.toUpperCase());
}
Book.prototype = {
display: function(){
/**展示书刊的一些信息**/
alert("** "+this.getIsbn()+" *** "+this.getName()+" ** "+this.getAuthor());
}
}
/**代码测试:这里要进行异常处理**/
try{
for(var i=0;i<7;i++){
var b = new Book('12qw','极品药师','明明');
b.display();
b = null;
}
}catch(e){
alert(e);
}
Book.conterLitterCase('Hello World!');//静态公有方法的调用(实际是作为构造函数的属性)
</script>
注:方案三中私有成员和特权成员仍被申明在构造器中,构造器却变成一个内嵌函数,并作为包含它的函数的返回值赋给了Book。创建了一个闭包。位于外层函数申明的一对括号很重要,作用是代码一载入立即执行这个函数。这个函数返回值是另一个函数,被赋给了Book变量,因此Book成了一个构造函数;实例化Book时,调用的是这个内层函数。外层那个函数只是用于创建一个可以用来存放静态私用成员的闭包。
checkIsbn被设计为静态方法,是不让每个对象中都有一个这个函数;静态属性countBookNum统计Book构造器的总调用次数。
js两种生成对象模式(公有成员和成员私有)的更多相关文章
- 关于微软企业库中依赖注入容器Unity两种生成对象的实现u
http://www.byywee.com/page/M0/S261/261037.html
- js两种定义函数、继承方式及区别
一:js两种定义函数的方式及区别 1:函数声明: function sayA() { alert("i am A"); } 2:函数表达式: var sayB = function ...
- JavaScript中的两种全局对象
这里总结的东西特别适合先学习c/c++, Java这类标准语言再学JS的童鞋们看,因为JS在程序执行之前就会初始化一个全局对象,这个全局对象到底是什么是跟JS程序运行环境有关的. 根据JavaScri ...
- 原生Js 两种方法实现页面关键字高亮显示
原生Js 两种方法实现页面关键字高亮显示 上网看了看别人写的,不是兼容问题就是代码繁琐,自己琢磨了一下用两种方法都可以实现,各有利弊. 方法一 依靠正则表达式修改 1.获取obj的html2.统一替换 ...
- GitHub Flow & Git Flow 基于Git 的两种协作开发模式
介绍基于Git 两种协作开发模式,GitHub Flow & Git Flow 对于Github 一些好用的特殊操作技巧 ,可以见GitHub 特殊操作技巧 和Git的基本操作 一 GitHu ...
- 死磕Spring之AOP篇 - Spring AOP两种代理对象的拦截处理
该系列文章是本人在学习 Spring 的过程中总结下来的,里面涉及到相关源码,可能对读者不太友好,请结合我的源码注释 Spring 源码分析 GitHub 地址 进行阅读. Spring 版本:5.1 ...
- iframe-父子-兄弟页面相互传值(jq和js两种方法)
参考文章: http://blog.csdn.net/u013299635/article/details/78773207 http://www.cnblogs.com/xyicheng/archi ...
- 原生js - 两种图片懒加载实现原理
目前图片懒加载的方式主要有两种: 1.利用getBoundingClientRectAPI得到当前元素与视窗的距离来判断 2.利用h5的新API IntersectionObserver 来实现 ge ...
- 两种交换机配置模式,以配置基于端口划分的VLAN为例
关于交换机的配置模式,大体上可以分为两类:其一以CISCO交换机为代表的配置模式,其二以Huawei.H3C交换机为代表的配置模式.其实这两种配置模式并没有本质的不同,只是配置的命令名称和配置方式存在 ...
随机推荐
- Vijos: P1046观光旅游
背景 湖南师大附中成为百年名校之后,每年要接待大批的游客前来参观.学校认为大力发展旅游业,可以带来一笔可观的收入. 描述 学校里面有N个景点.两个景点之间可能直接有道路相连,用Dist[I,J]表示它 ...
- iOS基础 - 控件属性
一.控件的属性 1.CGRect frame 1> 表示控件的位置和尺寸(以父控件的左上角为坐标原点(0, 0)) 2> 修改这个属性,可以调整控件的位置和尺寸 2.CGPoint cen ...
- PRML 第三章 - 线性回归
这段时间组里在有计划地学习书籍PRML (Pattern Recognition and Machine Learning),前两天自己做了一个里面第三章linear regression的分享,这里 ...
- WebLogic使用SSH架构部署遇到org.hibernate.hql.internal.ast.HqlTok
其实这个问题在以前就遇到过,当时解决了,但今天在部署一个测试轻应用的时候一直没有想起来,特此记录一下. 这个问题出现在使用WebLogic(我使用的是10.3.5版本)发布SSH架构的应用.在操作数据 ...
- 企业架构研究总结(25)——TOGAF架构开发方法(ADM)之迁移规划阶段
1.8 迁移规划(Migration Planning) 企业架构开发方法各阶段——迁移规划 1.8.1 目标 本阶段的目标是: 确保实施和迁移规划与企业中各种管理框架相协调. 通过对每个进行中的成本 ...
- node.js系列笔记之fs模块《二》
一:感触 最近工作比较忙,感觉也比较多,因为工作上的不顺利,再加上加班比较多,所以最近心情不是很好,再加上英语能力差到不行,所以最近半个月学习进度也比较慢, 但还是告诉自己每天都坚持学一点,即使今天心 ...
- ubuntu 学习笔记1--安装jdk
ubuntu 版本13.10 安装jdk参考网址http://stackoverflow.com/questions/14788345/how-to-install-jdk-on-ubuntulinu ...
- ngx-push-stream模块源码学习(五)——内存清理
1.定时器 采用nginx自身的定时器管理机制,具体细节待学习过nginx源码后加以补充 2.channel的生成周期 (0).初始(诞生) 发布.订阅均有可能产生ch ...
- UI基础UIButton
UI基础UIButton 前面写了UIWindow.UIViewController,那些都是一些框架,框架需要填充上具体的view才能组成我们的应用,移动应用开发中UI占了很大一部分,最基础的UI实 ...
- 仿腾讯微博的一个弹出框 v0.1 beta
仿腾讯微博的一个弹出框 v0.1 beta 代码写的不太好,新手请大家海涵,只为博君一笑,勿放在心上. 写在这里留作纪念,也许以后用的到. 效果 CSS .prompt{ position: ab ...