JavaScript中的私有成员


Posted in Javascript onSeptember 18, 2006

JavaScript是世界上是被误解得最厉害的编程语言。有些人认为它不具备“信息隐藏”的能力,因为JavaScript的对象没有私有变量和方法。这是误解。JavaScript对象可以拥有私有成员,下面我们来看看怎么做。(SharkUI.com注:JavaScript并不是真正拥有私有、公有等等OOP的特性,这篇译文中提到的这些私有、公有、特权等特性,是利用JavaScript的其他特性(参看本文的“闭包”一节)“模拟”出来的。感兴趣的话可以搜索相关的文章来看,当然也可以不管这些,就当它是真正的OOP来用。Have fun!)

对象

JavaScript是建立在对象之上的。数组(Array)是对象,函数(Function)是对象,对象(Objects)当然也是对象。那什么是对象呢?对象是一组“名称:值”对(name-value pair)的集合。名称是字符串,值却可以是字符串、数值、布尔或对象(包括数组和函数)。对象通常是用哈希表来实现的,以便可以快速地取值。

如果值是一个函数,我们就可以把它当作一个“方法”。当对象的一个方法被执行,变量this就被设为对象本身。如此,方法就可以通过this变量来访问对象的实例。

对象可以通过“构造器(constructor)”来创建。构造器是一个拥有初始化对象的函数。构造器提供了类似其他语言中的“类(class)”所提供的特性和功能,包括静态变量和方法。

公有

对象的所有成员都是公有成员。任何函数都可以访问、修改或者删除这些成员,当然也可以添加新的成员。给对象添加成员的两种主要方法:

通过构造器

这种方法一般用来初始化对象实例的公有变量。构造器的this变量被用来给对象添加成员:

function Container(param) {
  this.member = param;
}

构造一个新的对象:

var myContainer = new Container('abc');

然后,公有变量 myContainer.member 就拥有了值 'abc'。

通过原型(prototype)

这种方法通常用来添加公有方法。在对象本身搜寻一个成员但没有找到时,就使用构造器的原型(prototype)成员。这种原型机制实现了面向对象所谓的 “继承(inheritance)”,同时也节省了内存。给创建自同一个构造器的所有的对象加上一个方法,只需要给构造器的prototype增加一个函数:

Container.prototype.stamp = function (string) {
  return this.member + string;
}

然后我们就可以调用这个方法:

myContainer.stamp('def')

返回'abcdef'。

私有

私有(Private)成员是由构造器创建的。通常构造器中用var声明的变量和函数参数成为私有成员。

function Container(param) {
  this.member = param;
  var secret = 3;
  var self = this;
}

这个构造器创建了三个私有的实例变量:param,secret和self。

function Container(param) {
  function dec() {
   if (secret > 0) {
     secret -= 1;
     return true;
   } else {
     return false;
   }
  }

  this.member = param;
  var secret = 3;
  var self = this;
}

私有方法dec会检查实例变量secret,如果它大于0,自减1并返回true;如果它小于0,返回false。这样就实现了由这个架造器所创建对象的dec函数只能用三次的功能。

按惯例,我们创建了一个私有变量self。私有方法可以通过它来访问到对象本身。但这只是一种权宜之计,因为《ECMAScript Language Specification》中有一个错误,使得内部函数的this变量被设置成一个错误值。

公有方法(SharkUI.com注:即上文说的通过prototype创建的方法)是无法调用私有方法的,所以为了能使用私有方法,我们需要引入特权方法(privileged method)。

特权

一个特权方法可以访问私有变量和方法,而它本身可以被公有方法和外界访问。你可以删除或替换一个特权方法,但不能修改它,也不能强制它放弃自己的密秘(SharkUI.com注:原文如此,可能是指它的特权,关于这点请高手指教)。

特权方法是在构造器内部通过this来创建的。

function Container(param) {
  function dec() {
   if (secret > 0) {
     secret -= 1;
     return true;
   } else {
     return false;
   }
  }

  this.member = param;
  var secret = 3;
  var self = this;

  this.service = function () {
   if (dec()) {
     return self.member;
   } else {
     return null;
   }
  };
}

service是一个特权方法。前三次调用myContainer.service()将返回'abc',之后将返回null。service通过调用私有方法dec来访问私有变量secret。对于其他对象和方法来说,可以访问到service,但不能直接访问到私有的成员。

闭包

这种公有、私有和特权成员模式的存在是由于JavaScript的内在机制:闭包。这意味着一个内部函数永远可以访问它外部函数的变量和参数,即使外部函数已经返回。这是JavaScript语言非常强大的一个特性。目前还没有关于JavaScript编程的书籍展示了如何来利用它,它们甚至都没有提到这一点。

私有和特权成员只能在对象初始化的时候创建,而公有成员可以被随时添加进来。

模式

公有
function Constructor(...) {
  this.membername = value;
}
Constructor.prototype.membername = value;
私有
function Constructor(...) {
  var self = this;
  var membername = value;
  function membername(...) {...}
}

注:这句代码:

function membername(...) {...}

事实上是以下代码的简略写法

var membername = function membername(...) {...};
特权
function Constructor(...) {
  this.membername = function (...) {...};
}

后记

Douglas Crockford的这篇文章为我们写出更优美的JavaSciprt程序奠定了基础,为我们创建出更合理的面向对象应用和框架带来了可能。在这篇译文快要完成的时候,惊诧的发现作者网站上出现了一个本文中文版的链接。好事!有越来越多的中国人开始关注这些“边边角角”的技术。虽然做了重复工作,但一样希望各位能从这篇文章中有所收益。也希望有更多的人能投入到原创和翻译前端技术文章中来,在多数人浮躁的时候,我们需要更多基础性的工作。一周一篇不多,一年一篇不少,只要开始了就行!

Javascript 相关文章推荐
Jquery 复选框取值兼容FF和IE8(测试有效)
Oct 29 Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
Dec 13 Javascript
JavaScript中的ArrayBuffer详细介绍
Dec 08 Javascript
js获取会话框prompt的返回值的方法
Jan 10 Javascript
AngularJS学习笔记之TodoMVC的分析
Feb 22 Javascript
理解js回收机制通俗易懂版
Feb 29 Javascript
详解vue+css3做交互特效的方法
Nov 20 Javascript
node.js环境搭建图文详解
Sep 19 Javascript
node.js使用redis储存session的方法
Sep 26 Javascript
微信小程序利用swiper+css实现购物车商品删除功能
Mar 06 Javascript
ES6如何用一句代码实现函数的柯里化
Jan 18 Javascript
jQuery实现图片切换效果
Oct 19 jQuery
javascript的事件描述
Sep 08 #Javascript
由浅到深了解JavaScript类
Sep 08 #Javascript
js常用函数 不错
Sep 08 #Javascript
Javascript 不能释放内存.
Sep 07 #Javascript
一些有关检查数据的JS代码
Sep 07 #Javascript
Mozilla中显示textarea中选择的文字
Sep 07 #Javascript
showModelessDialog()使用详解
Sep 07 #Javascript
You might like
ThinkPHP中公共函数路径和配置项路径的映射分析
2014/11/22 PHP
PHP微信红包API接口
2015/12/05 PHP
PHP利用超级全局变量$_POST来接收表单数据的实例
2016/11/05 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
超赞的动手创建JavaScript框架的详细教程
2015/06/30 Javascript
让图片跳跃起来  javascript图片轮播特效
2016/02/16 Javascript
javascript实现平滑无缝滚动
2020/08/09 Javascript
jquery.serialize() 函数语法及简单实例
2016/07/08 Javascript
Nodejs进阶:如何将图片转成datauri嵌入到网页中去实例
2016/11/21 NodeJs
vue.js源代码core scedule.js学习笔记
2017/07/03 Javascript
详解vue-cli3多页应用改造
2019/06/04 Javascript
vue使用codemirror的两种用法
2019/08/27 Javascript
JS检测浏览器开发者工具是否打开的方法详解
2020/10/02 Javascript
nuxt引入组件和公共样式的操作
2020/11/05 Javascript
Python 爬虫的工具列表大全
2016/01/31 Python
python去掉行尾的换行符方法
2017/01/04 Python
python try except 捕获所有异常的实例
2018/10/18 Python
基于OpenCV python3实现证件照换背景的方法
2019/03/22 Python
python使用time、datetime返回工作日列表实例代码
2019/05/09 Python
Python实现带下标索引的遍历操作示例
2019/05/30 Python
python怎么自定义捕获错误
2020/06/29 Python
tensorflow图像裁剪进行数据增强操作
2020/06/30 Python
Python操作dict时避免出现KeyError的几种解决方法
2020/09/20 Python
Champs Sports加拿大:北美最大的以商场为基础的专业运动鞋和服装零售商之一
2018/05/01 全球购物
体验完美剃须:The Art of Shaving
2018/08/06 全球购物
Linux操作面试题
2012/05/16 面试题
代理班主任的自我评价
2014/02/04 职场文书
学校党委副书记个人对照检查材料思想汇报
2014/09/28 职场文书
道德模范事迹材料
2014/12/20 职场文书
文明倡议书
2015/01/19 职场文书
乡镇一岗双责责任书
2015/01/29 职场文书
材料员岗位职责范本
2015/04/11 职场文书
建党伟业电影观后感
2015/06/01 职场文书
红色经典电影观后感
2015/06/18 职场文书
2016年学校安全教育月活动总结
2016/04/06 职场文书
centos7安装mysql5.7经验记录
2022/05/02 Servers