JavaScript的public、private和privileged模式


Posted in Javascript onDecember 28, 2009

Summary
私有变量 在对象内部使用'var'关键字来声明,而且它只能被私有函数和特权方法访问。
私有函数 在对象的构造函数里声明(或者是通过var functionName=function(){...}来定义),它能被特权函数调用(包括对象的构造函数)和私有函数调用。
特权方法 通过this.methodName=function(){...}来声明而且可能被对象外部的代码调用。它可以使用:this.特权函数() 方式来调用特权函数,使用 :私有函数()方式来调用私有函数。
公共属性 通过this.variableName来定义而且在对象外部是可以读写的。不能被私有函数所调用。
公共方法 通过ClassName.prototype.methodName=function(){...}来定义而且可以从对象外部来调用。
原型属性 通过ClassName.prototype.propertyName=someValue来定义。
静态属性 通过ClassName.propertyName=someValue来定义。
另外注意下这种写法: var 函数名=function 函数名(){...} 这个函数被调用时具有特权函数和私有函数的特性。
例:

<html> 
<head> 
<title></title> 
<script type="text/javascript"> 
function Container( param ) { 
function dec(){ 
if ( secret > 0 ) { 
secret -= 1; 
setSecret( 7) 
alert( secret ); 
return true; 
} 
else { 
// alert( "over"+this.member); 
return false; 
} 
} 
// this.dec = dec; 
//this.dec = function dec (){...} different from above code. 
function setSecret( num ){ 
secret = num; 
} 
this.member = param; 
var secret = 3; 
var self = this; 
this.service = function () { 
if (dec()) { 
alert(); 
} 
else { 
return null; 
} 
} 
} 
// --------------------------------------- 
function start(){ 
alert( "Start" ) 
var test = new Container( 'liuqi' ); 
// test.setSecret( 2 ); 
test.service(); 
test.service(); 
test.service(); 
test.service(); 
var test2 = new Container( 'liuqi' ); 
//test2.service(); 
// Container.dec(); 
} 
</script> 
</head> 
<body> 
<div onclick="start()" style="color:blue">click me</div> 
</body> 
</html>

JavaScript是世界上最被误解的编程语言。有人认为它缺少信息隐藏的特性,因为JavaScript对象不能拥有私有变量的方法。
但是这是个误解。JavaScript对象可以拥有私有成员。
对象
JavaScript从根本上就是关于对象的。数组是对象,方法是对象,Object也是对象。什么是对象?对象就是键值对的集合。键是字符串,
值可以是字符串,数字,布尔和对象(包括数组和方法)。对象通常被实现为Hashtable,这样值就可以被快速获取。
如果值是一个函数,我可以称其为方法。当对象的方法被调用时,“this”变量则被赋予该对象。方法可以通过“this”变量访问实例
变量。
对象可以由初始化对象的方法 -- 构造函数产生。构造函数提供在其他编程语言中类提供的特性,包括静态变量和方法。
Public
对象的成员都是public成员。任何对象都可以访问,修改,删除这些成员或添加新成员。主要有两种方式来在一个新对象里放置成员:
在构造函数里
这种技术通常用来初始化public实例变量。构造函数的“this”变量用来给对象添加成员。
Java代码
functin Container(param) { 
this.member = param; 
} 
functin Container(param) { 
this.member = param; 
}

这样,如果我们构造一个新对象var myContainer = new Container('abc'),则myContainer.member为'abc'。
在prototype里
这种技术通常用来添加public方法。当寻找一个成员并且它不在对象本身里时,则从对象的构造函数的prototype成员里找。
prototype机制用来做继承。为了添加一个方法到构造函数创建的所有对象里,只需添加到构造函数的prototype:
Java代码
Container.prototype.stamp = function (string) { 
return this.member + string; 
} 
Container.prototype.stamp = function (string) { 
return this.member + string; 
}

这样,我们可以调用该方法myContainer.stamp('def'),结果为'abcdef'。
Private
private成员由构造函数产生。普通的var变量和构造函数的参数都称为private成员。
Java代码
function Container(param) { 
this.member = param; 
var secret = 3; 
var that = this; 
} 
function Container(param) { 
this.member = param; 
var secret = 3; 
var that = this; 
}

该构造函数创建了3个private实例变量: param,secret和that。它们被添加到对象中,但是不能被外部访问,也不能被该对象自己的
public方法访问。它们只能由private方法访问。private方法是构造函数的内部方法。
Java代码
function Container(param) { 
function dec() { 
if (secret > 0) { 
secret -= 1; 
return true; 
} else { 
return false; 
} 
} 
this.member = param; 
var secret = 3; 
var that = this; 
} 
function Container(param) { 
function dec() { 
if (secret > 0) { 
secret -= 1; 
return true; 
} else { 
return false; 
} 
} 
this.member = param; 
var secret = 3; 
var that = this; 
}

private方法dec检查secret实例变量。如果它大于0,则减少secret并返回true,否则返回false。它可以用来让这个对象限制用3次。
按照惯例,我们定义一个private的that变量。这用来让private方法可以使用本对象。这样做是因为ECMAScript语言规范有一个错误,
该错误导致不能正确的设置this给内部方法。
private方法不能被public方法调用。为了让private方法有用,我们需要引入privileged方法。
Privileged
privileged方法可以访问private变量和方法,并且它本身可以被public方法和外界访问。可以删除或替代privileged方法,但是不能
更改它或强制它泄露自己的秘密。
privileged方法在构造函数里用this分配。
Java代码
function Container(param) { 
function dec() { 
if (secret > 0) { 
secret -= 1; 
return true; 
} else { 
return false; 
} 
} 
this.member = param; 
var secret = 3; 
var that = this; 
this.service = function() { 
if (dec()) { 
return that.member; 
} else { 
return null; 
} 
}; 
} 
function Container(param) { 
function dec() { 
if (secret > 0) { 
secret -= 1; 
return true; 
} else { 
return false; 
} 
} 
this.member = param; 
var secret = 3; 
var that = this; 
this.service = function() { 
if (dec()) { 
return that.member; 
} else { 
return null; 
} 
}; 
}

service是privileged方法。前三次调用myContainer.service()将返回'abc'。之后,它将返回null。service调用private的dec方法,
dec方法访问private的secret变量。service对其他对象和方法可见,但是它不允许直接访问private变量。
闭包
由于JavaScript有闭包,public,private和privileged成员的模式是可行的。这意味着一个内部方法始终可以访问它的外部方法的
var变量和参数,甚至在外部方法返回之后。这是JavaScript语言的一个非常强大的特性。当前没有展示如何发掘这种特性的JavaScript
编程书籍,大多数甚至都没提到。
private和privileged成员只能在对象被构造时产生。public成员则可以在任何时候添加。
模式
public
Java代码
function Constructor(...) { 
this.membername = value; 
} 
Constructor.prototype.membername = value; 
function Constructor(...) { 
this.membername = value; 
} 
Constructor.prototype.membername = value;

Private
Java代码
function Constructor(...) { 
var that = this; 
var membername = value; 
function membername(...) {...} 
} 
// 注意: function语句 
// function membername(...) {...} 
// 是如下代码的简写 
// var membername = function membername(...) {...}; 
function Constructor(...) { 
var that = this; 
var membername = value; 
function membername(...) {...} 
} 
// 注意: function语句 
// function membername(...) {...} 
// 是如下代码的简写 
// var membername = function membername(...) {...};

Privileged
Java代码
function Constructor(...) { 
this.membername = function (...) {...}; 
} 
function Constructor(...) { 
this.membername = function (...) {...}; 
}

译者注:我认为可以简单的把privileged方法简单的看成是构造函数里的public方法,因为privileged方法可以被外界和public方法访问,
而它自身又可以访问private变量。
Javascript 相关文章推荐
javascript  Error 对象 错误处理
May 18 Javascript
javascript css styleFloat和cssFloat
Mar 15 Javascript
使用Browserify配合jQuery进行编程的超级指南
Jul 28 Javascript
js+html5操作sqlite数据库的方法
Feb 02 Javascript
jquery事件绑定解绑机制源码解析
Sep 19 Javascript
js实现随机抽选效果、随机抽选红色球效果
Jan 13 Javascript
js实现贪吃蛇小游戏(容易理解)
Jan 22 Javascript
浅析JS中回调函数及用法
Jul 25 Javascript
GOJS+VUE实现流程图效果
Dec 01 Javascript
微信公众号H5支付接口调用方法
Jan 10 Javascript
vue路由教程之静态路由
Sep 03 Javascript
QML实现圆环颜色选择器
Sep 25 Javascript
Javascript 面向对象特性
Dec 28 #Javascript
extJs 常用到的增,删,改,查操作代码
Dec 28 #Javascript
firefox和IE系列的相关区别整理 以备后用
Dec 28 #Javascript
javascript 显示当前系统时间代码
Dec 28 #Javascript
javascript 鼠标悬浮图片显示原图 移出鼠标后原图消失(多图)
Dec 28 #Javascript
javascript options属性集合操作代码
Dec 28 #Javascript
javascript 动态调整图片尺寸实现代码
Dec 28 #Javascript
You might like
2019年中国咖啡业现状与发展趋势
2021/03/04 咖啡文化
微信公众平台开发教程⑥ 微信开发集成类的使用图文详解
2019/04/10 PHP
php实现的顺序线性表示例
2019/05/04 PHP
Laravel框架实现的上传图片到七牛功能详解
2019/09/06 PHP
top.location.href 没有权限 解决方法
2008/08/05 Javascript
不要小看注释掉的JS 引起的安全问题
2008/12/27 Javascript
js中根据字数截取字符串,不能截断url
2012/01/12 Javascript
jQuery滚动加载图片效果的实现
2013/03/06 Javascript
jquery实现网页查找功能示例分享
2014/02/12 Javascript
22点关于jquery性能优化的建议
2014/05/28 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
2014/07/18 Javascript
javascript实现滑动解锁功能
2014/12/31 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
2015/02/13 Javascript
jQuery实现的鼠标滑过弹出放大图片特效
2016/01/08 Javascript
JS onkeypress兼容性写法详解
2016/04/27 Javascript
JavaScript中的ParseInt(&quot;08&quot;)和“09”返回0的原因分析及解决办法
2016/05/19 Javascript
js倒计时小实例(多次定时)
2016/12/08 Javascript
基于JavaScript实现五子棋游戏
2020/08/26 Javascript
使用react实现手机号的数据同步显示功能的示例代码
2018/04/03 Javascript
其实你可以少写点if else与switch(推荐)
2019/01/10 Javascript
Vue组件之高德地图地址选择功能的实例代码
2019/06/21 Javascript
在vue中使用echars实现上浮与下钻效果
2019/11/08 Javascript
jQuery插件simplePagination的使用方法示例
2020/04/28 jQuery
解决await在forEach中不起作用的问题
2021/02/25 Javascript
用实例说明python的*args和**kwargs用法
2013/11/01 Python
使用SAE部署Python运行环境的教程
2015/05/05 Python
基于多进程中APScheduler重复运行的解决方法
2019/07/22 Python
python 递归调用返回None的问题及解决方法
2020/03/16 Python
Python如何实现自带HTTP文件传输服务
2020/07/08 Python
Python应用自动化部署工具Fabric原理及使用解析
2020/11/30 Python
欧洲最大的美妆零售网站:Feelunique
2017/01/14 全球购物
Java程序员面试90题
2013/10/19 面试题
机电专业大学生求职信
2013/10/04 职场文书
员工年终考核评语
2014/12/31 职场文书
公务员处分决定书
2015/06/25 职场文书
游戏《东方异文石:爱亚利亚黎明》正式版发布
2022/04/03 其他游戏