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 相关文章推荐
Mootools 1.2教程 Tooltips
Sep 15 Javascript
多浏览器兼容的获取元素和鼠标的位置的js代码
Dec 15 Javascript
javascript面向对象入门基础详细介绍
Sep 05 Javascript
jquery限定文本框只能输入数字即整数和小数
Nov 29 Javascript
jQuery中removeData()方法用法实例
Dec 27 Javascript
Bootstrap选项卡与Masonry插件的完美结合
Jul 06 Javascript
js微信扫描二维码登录网站技术原理
Dec 01 Javascript
jQuery validate 验证radio实例
Mar 01 Javascript
jQuery接受后台传递的List的实例详解
Aug 02 jQuery
JS Testing Properties 判断属性是否在对象里的方法
Oct 01 Javascript
vue  自定义组件实现通讯录功能
Sep 30 Javascript
详解element-ui日期时间选择器的日期格式化问题
Apr 08 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新手上路(五)
2006/10/09 PHP
php的$_FILES的临时储存文件与回收机制实测过程
2013/07/12 PHP
PHP登录(ajax提交数据和后台校验)实例分享
2016/12/29 PHP
thinkphp 框架数据库切换实现方法分析
2020/05/18 PHP
javascript css float属性的特殊写法
2008/11/13 Javascript
JQuery 常用操作代码
2010/03/14 Javascript
《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型
2012/02/27 Javascript
基于jQuery实现复选框的全选 全不选 反选功能
2014/11/24 Javascript
jQuery对象的length属性用法实例
2014/12/27 Javascript
jQuery原型属性和原型方法详解
2015/07/07 Javascript
js原生跨域_用script标签的简单实现
2016/09/24 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
2017/02/19 Javascript
JS笛卡尔积算法与多重数组笛卡尔积实现方法示例
2017/12/01 Javascript
详解如何实现一个简单的Node.js脚手架
2017/12/04 Javascript
解决node修改后需频繁手动重启的问题
2018/05/13 Javascript
vue axios封装及API统一管理的方法
2019/04/18 Javascript
vue 源码解析之虚拟Dom-render
2019/08/26 Javascript
微信小程序返回箭头跳转到指定页面实例解析
2019/10/08 Javascript
jQuery操作事件完整实例分析
2020/01/10 jQuery
package.json中homepage属性的作用详解
2020/03/11 Javascript
Python列表切片用法示例
2017/04/19 Python
python 获得任意路径下的文件及其根目录的方法
2019/02/16 Python
Python常用模块logging——日志输出功能(示例代码)
2019/11/20 Python
Nginx+Uwsgi+Django 项目部署到服务器的思路详解
2020/05/08 Python
Pycharm中配置远程Docker运行环境的教程图解
2020/06/11 Python
DBA数据库管理员JAVA程序员架构师必看
2016/02/07 面试题
Ado与Ado.net的相同与不同
2014/12/08 面试题
法雷奥SQA(electric)面试问题
2016/01/23 面试题
生物制药毕业生自荐信
2013/10/16 职场文书
质检的岗位职责
2013/11/17 职场文书
怎样写好自我鉴定
2013/12/04 职场文书
电焊工工作岗位职责
2014/02/06 职场文书
彩色的非洲教学反思
2014/02/18 职场文书
师德模范事迹材料
2014/06/03 职场文书
会计试用期自我评价怎么写
2014/09/18 职场文书
家庭经济困难证明
2015/06/23 职场文书