JavaScript 私有成员分析


Posted in Javascript onJanuary 13, 2009

对象
JavaScript操作都是关于对象的。数组(Array)是对象,函数(Function)是对象。Object(类型)是对象。那么什么是对象呢?对象就是“名称-值”对(name-value)。名称是字符串,值可以是字符串、数值、布尔值或对象(包括数组和函数)。对象经常用哈希表实现,所以取值速度很快。
如果对象的一个值是函数(function),我们可以认为它是成员函数,当成员函数被调用时,this变量就会指向该对象。成员函数可以通过this变量访问对象的成员。
对象可以通过构造器(constructor)生成,构造器是个初始化对象的函数。构造器在这里扮演了其他语言中“类”扮演的角色,也提供了定义static变量和方法的手段。
Public成员
对象的所有成员都是公开成员,谁都可以读写甚至删除这些成员或添加新成员。添加新成员有两种方法:
在构造器里添加
这通常被用来初始化公开的成员变量。利用构造器的this变量来把成员添加到对象里。
function Container(param)
{ this.member = param;}
用下面这行代码生成一个对象实例
var myContainer = new Container('abc');
myContainer的member成员值为'abc'。
在原型中添加
这种方法经常用来添加公开成员函数。当Javascrīpt解释器遇到一个对象的成员,发现对象自身中并不存在这个成员时,就会到对象构造函数 的原型中去找。原型机制可以用来实现继承。它同样占用内存。如果想要给某个构造函数生成的所有对象都添加一个方 法,只要给对象的原型添加这个方法就可以了。
Container.prototype.stamp = function (string) { return this.member + string;}
这样就可以调用这个成员函数
myContainer.stamp('def')
返回值'abcdef'。
私有成员
私有成员是在构造器里产生的。var定义的变量和构造器的参数会成为私有成员。
function Container(param){
this.member = param;
var secret = 3;
var that = this;
}
这个构造器定义了三个私有变量:param,secret和self。它们属性对象Container,而对象外的代码或是对象的公开方法都无法访问它们。
只有私有方法可以访问。私有方法是构造器内定义的函数。
function Container(param){
function dec() {
if (secret > 0)
{ secret -= 1; return true; }
else {
return false;
} }
this.member = param;
var secret = 3;
var that = this;}
私有方法 dec 检查实例变量 secret 的值,如果它大于0就减少它的值然后返回true;否则它返回false。
它可以用于限制这个对象只能被使用3次。
根据协议,我们定义了一个私有变量that,用来让私有方法可以访问对象本身。
这是一个变通的解决方案,需要它的根本原因在于ECMAscrīpt语言规范的一个错误,而这个错误导致内部函数的this变量有
错误。(honker:似乎不用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;
this.service = function () {
if (dec()) {
return that.member;
} else {
return null;
} };}
service是一个特权方法。前三次调用myContainer.service()将返回'abc',之后它将返回null。service调用私有的dec方法,dec方法访问私有的secret变量。service对其他对象和函数都是可见的,但我们不能直接访问private成员。
闭包
因为有了闭包的我,这些公开、私有和特权方法的写法才成为可能。它意味着内部函数总能访问它外层函数定义的变量和参数。即使外层函数已经返回。这是Javascrīpt的一个极其强大的特性。目前还没有如何一本Javascrīpt编程的书讲到如何利用它,大多都没有提到它。
私有和特权成员只能在对象被构造时生成。公开成员可以在任何时间添加。
写法
Public
function Constructor(...) {
this.membername = value;
}
Constructor.prototype.membername = value;
Private
function Constructor(...) {
var that = this;
var membername = value;
function membername(...) {...}
}
Note: The function statement
function membername(...) {...}
is shorthand for
var membername = function membername(...) {...};
Privileged
function Constructor(...) {
this.membername = function (...) {...};
}

Javascript 相关文章推荐
JavaScript 字符串乘法
Aug 20 Javascript
js限制文本框输入长度两种限制方式(长度、字节数)
Dec 19 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
Jul 17 Javascript
浅谈JavaScript事件的属性列表
Mar 01 Javascript
7个有用的jQuery代码片段分享
May 19 Javascript
Bootstrap模仿起筷首页效果
May 09 Javascript
jQuery Chart图表制作组件Highcharts用法详解
Jun 01 Javascript
jquery设置表单元素为不可用的简单代码
Jul 04 Javascript
BootStrap入门教程(二)之固定的内置样式
Sep 19 Javascript
js自定义弹框插件的封装
Aug 24 Javascript
详解webpack引入第三方库的方式以及注意事项
Jan 15 Javascript
Jquery实现获取子元素的方法分析
Aug 24 jQuery
js利用Array.splice实现Array的insert/remove
Jan 13 #Javascript
JavaScript delete操作符应用实例
Jan 13 #Javascript
在网页里看flash的trace数据的js类
Jan 10 #Javascript
捕获关闭窗口的脚本
Jan 10 #Javascript
javascript 自动转到命名锚记
Jan 10 #Javascript
Javascript 生成指定范围数值随机数
Jan 09 #Javascript
Js 订制自己的AlertBox(信息提示框)
Jan 09 #Javascript
You might like
JQuery 无废话系列教程(二) jquery实战篇上
2009/06/23 Javascript
javascript web页面刷新的方法收集
2009/07/02 Javascript
jQuery EasyUI 的EasyLoader功能介绍
2010/09/12 Javascript
JS左右无缝滚动(一般方法+面向对象方法)
2012/08/17 Javascript
Javascript设置对象的ReadOnly属性(示例代码)
2013/12/25 Javascript
jquery.post用法示例代码
2014/01/03 Javascript
JS实现仿google、百度搜索框输入信息智能提示的实现方法
2015/04/20 Javascript
Javascript动画效果(4)
2016/10/11 Javascript
微信小程序 教程之注册程序
2016/10/17 Javascript
js实现上传文件添加和删除文件选择框
2016/10/24 Javascript
input框中的name和id的区别
2016/11/16 Javascript
微信小程序异步处理详解
2017/11/10 Javascript
node.js中路由,中间件,ge请求和post请求的参数详解
2017/12/26 Javascript
jQuery实现左右滑动的toggle方法
2018/03/03 jQuery
webpack打包js的方法
2018/03/12 Javascript
mint-ui在vue中的使用示例
2018/04/05 Javascript
获取layer.open弹出层的返回值方法
2018/08/20 Javascript
深入浅析vue中cross-env的使用
2019/09/12 Javascript
使用grappelli为django admin后台添加模板
2014/11/18 Python
Python中输出ASCII大文字、艺术字、字符字小技巧
2015/04/28 Python
Python实现生成随机日期字符串的方法示例
2017/12/25 Python
Python selenium抓取微博内容的示例代码
2018/05/17 Python
TensorFlow用expand_dim()来增加维度的方法
2018/07/26 Python
Python爬虫基础之XPath语法与lxml库的用法详解
2018/09/13 Python
Django命名URL和反向解析URL实现解析
2019/08/09 Python
python cv2截取不规则区域图片实例
2019/12/21 Python
python GUI库图形界面开发之PyQt5滚动条控件QScrollBar详细使用方法与实例
2020/03/06 Python
Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript实现社交分享系统
2020/04/21 Python
Python日志处理模块logging用法解析
2020/05/19 Python
通过自学python能找到工作吗
2020/06/21 Python
利用Python实现斐波那契数列的方法实例
2020/07/26 Python
大专毕业自我鉴定
2014/02/04 职场文书
少年派的奇幻漂流观后感
2015/06/08 职场文书
2016年“5.12”护士节慰问信
2015/11/30 职场文书
导游词之云南丽江古城
2019/09/17 职场文书
python 使用pandas读取csv文件的方法
2022/12/24 Python