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 fullscreen全屏实现代码
Apr 09 Javascript
微信JS接口汇总及使用详解
Jan 09 Javascript
一些实用性较高的js方法
Apr 19 Javascript
webpack常用配置项配置文件介绍
Nov 07 Javascript
jQuery插件DataTable使用方法详解(.Net平台)
Dec 22 Javascript
通过 JS 判断页面是否有滚动条的实现方法
Apr 05 Javascript
解决angularjs中同步执行http请求的方法
Aug 13 Javascript
iview在vue-cli3如何按需加载的方法
Oct 31 Javascript
基于游标的分页接口实现代码示例
Nov 12 Javascript
vue中v-text / v-html使用实例代码详解
Apr 02 Javascript
详解Vue底部导航栏组件
May 02 Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
Nov 04 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
PHP性能优化 产生高度优化代码
2011/07/22 PHP
php Session存储到Redis的方法
2013/11/04 PHP
php中file_get_content 和curl以及fopen 效率分析
2014/09/19 PHP
php输出全球各个时区列表的方法
2015/03/31 PHP
thinkphp利用模型通用数据编辑添加和删除的实例代码
2016/11/20 PHP
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
2012/01/13 Javascript
使用delegate方法为一个tr标签加一个链接
2014/06/27 Javascript
js剪切板应用clipboardData实例解析
2016/05/29 Javascript
Knockoutjs 学习系列(一)ko初体验
2016/06/07 Javascript
在node.js中怎么屏蔽掉favicon.ico的请求
2017/03/01 Javascript
JavaScript体验异步更好的解决办法
2018/01/08 Javascript
vue兄弟组件传递数据的实例
2018/09/06 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)
2019/01/24 Javascript
webstorm建立vue-cli脚手架的傻瓜式教程
2020/09/22 Javascript
[53:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第三场 1月18日
2021/03/11 DOTA
python读取注册表中值的方法
2013/04/08 Python
跟老齐学Python之玩转字符串(2)更新篇
2014/09/28 Python
使用Python发送邮件附件以定时备份MySQL的教程
2015/04/25 Python
Python实现统计单词出现的个数
2015/05/28 Python
Python的Flask框架中使用Flask-SQLAlchemy管理数据库的教程
2016/06/14 Python
Windows系统下多版本pip的共存问题详解
2017/10/10 Python
Python使用Matplotlib实现Logos设计代码
2017/12/25 Python
python实现多进程按序号批量修改文件名的方法示例
2019/12/30 Python
python使用多线程查询数据库的实现示例
2020/08/17 Python
Python爬虫后获取重定向url的两种方法
2021/01/19 Python
Pytorch之扩充tensor的操作
2021/03/04 Python
canvas学习和滤镜实现代码
2018/08/22 HTML / CSS
美国精油公司:Plant Therapy
2019/05/17 全球购物
WINDOWS域的具体实现方式是什么
2014/02/20 面试题
电子商务系毕业生自荐信
2014/05/29 职场文书
岗位工作说明书
2014/07/29 职场文书
小学生读书笔记
2015/07/01 职场文书
被委托人身份证明
2015/08/07 职场文书
认识实习感想
2015/08/10 职场文书
2019运动会广播加油稿汇总
2019/08/21 职场文书
Python 中random 库的详细使用
2021/06/03 Python