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 相关文章推荐
用js 让图片在 div或dl里 居中,底部对齐
Jan 21 Javascript
JS提交并解析后台返回的XML的代码
Nov 03 Javascript
zeroclipboard复制到剪切板的flash
Aug 04 Javascript
拖动布局之保存布局页面cookies篇
Oct 29 Javascript
jquery异步调用页面后台方法‏(asp.net)
Mar 01 Javascript
扩展jquery实现客户端表格的分页、排序功能代码
Mar 16 Javascript
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
May 05 Javascript
chrome调试javascript详解
Oct 21 Javascript
JavaScript操作 url 中 search 部分方法函数
Jun 15 Javascript
简单实现js选项卡切换效果
Feb 09 Javascript
bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法
Mar 08 Javascript
使用JQuery自动完成插件Auto Complete详解
Jun 18 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
QQ登录 PHP OAuth示例代码
2011/07/20 PHP
php操作路径的经典方法(必看篇)
2016/10/04 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
jquery 学习之二 属性(html()与html(val))
2010/11/25 Javascript
Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
2014/02/12 Javascript
jQuery中siblings()方法用法实例
2015/01/08 Javascript
jquery实现可自动收缩的TAB网页选项卡代码
2015/09/06 Javascript
JavaScript设计模式初探
2016/01/07 Javascript
详解利用exif.js解决ios手机上传竖拍照片旋转90度问题
2016/11/04 Javascript
原生javascript实现图片放大镜效果
2017/01/18 Javascript
jQuery多选框选择数量限制方法
2017/02/08 Javascript
微信小程序 ecshop地址三级联动实现实例代码
2017/02/28 Javascript
AngularJS中的拦截器实例详解
2017/04/07 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
2017/09/11 Javascript
浅谈React高阶组件
2018/03/28 Javascript
Next.js项目实战踩坑指南(笔记)
2018/11/29 Javascript
浅谈vue-router路由切换 组件重用挖下的坑
2019/11/01 Javascript
前端深入理解Typescript泛型概念
2020/03/09 Javascript
ES5新增数组的实现方法
2020/05/12 Javascript
让python同时兼容python2和python3的8个技巧分享
2014/07/11 Python
Django中使用locals()函数的技巧
2015/07/16 Python
基于Python_脚本CGI、特点、应用、开发环境(详解)
2017/05/23 Python
Python单体模式的几种常见实现方法详解
2017/07/28 Python
python 多个参数不为空校验方法
2019/02/14 Python
利用Python进行图像的加法,图像混合(附代码)
2019/07/14 Python
欧洲最大的滑雪假期供应商之一:Sunweb Holidays
2018/01/06 全球购物
澳大利亚领先的时尚内衣零售商:Bras N Things
2020/07/28 全球购物
Android面试题附答案
2014/12/08 面试题
触电现场处置方案
2014/05/14 职场文书
幼师求职信
2014/06/23 职场文书
2014年大学生职业规划书:未来不是梦,只要勇敢冲!
2014/09/22 职场文书
群众路线剖析材料(四风)
2014/11/05 职场文书
2016年五一劳动节专题校园广播稿
2015/12/17 职场文书
详解Java实践之适配器模式
2021/06/18 Java/Android
解析redis hash应用场景和常用命令
2021/08/04 Redis
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript