本文内容

背景
把我们的对象放在一起
- 添加一个私有（Private）的属性
- 添加一个特权（Privileged）的方法
- 添加一个公共（Public）的属性和方法
- 添加一个静态（Static）的属性
- 我们自己的完整对象
- 创建一个实例对象并检查可访问性
结论

其实，写 JavaScript 代码可以不用“面向对象”的方式，这不是必需的，但多年的工程实践表明，面向对象的确很好地解决问题了，代码变得更优雅（更通用，更容易扩展和维护），虽然 JavaScript 不支持面向对象，但可以模拟它。因此，开发人员们就想，既然面向对象还不错，那就尝试把之前在面向对象中取得经验和成就应用到 JavaScript 的代码上。促使开发人员这么想也这么干，也是出于现实考虑，不得已而为之，随着项目中的 JavaScript 代码越来越庞大，如每个页面有 10 万行代码很常见，而 gmail 有 44.3 万行，不设计、不规划一下是不行了。为了达到这个目的，你需要先知道 JavaScript 的东西很多，比如，作用域、作用域链、闭包、对象、实例对象、继承等等，并把 JavaScript 和面向对象编程对应起来，特别是对于像我，之前用其他语言从事面向对象开发的人来说。

如果你了解 JavaScript 的继承——如何和为什么，以及 JavaScript 的作用域和闭包，那么，我们就可以把这些知识结合在一起，讨论 JavaScript 对象的私有（private）、特权（privileged）、公共（public ）和静态（static ）成员（属性和方法）JavaScript中的对象。

背景

对于来自面向对象背景的开发人员来说，定义和使用这些成员对所有代码来说都是关键。但对使用 JavaScript 的人来说，也许不需要这样，可如果你知道如何将“面向对象”应用到 JavaScript 上，会使你的代码更通用。

把我们的对象放在一起

我们将把讨论的内容放在构造函数对象里，然后你通过 new 关键字创建一个新的实例对象。让我们先从一个空的对象开始：

        // Constructor

        function Kid(name) {

            // Empty, for now

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

现在，你可以用如下方式创建很多 Kid 实例对象：

        var kenny = new Kid("Kenny");

添加一个私有（Private）的属性

在我们学习 JavaScript 作用域和闭包中，函数内声明的一个变量只能在函数内可用（这是局部变量）。因此，如果我们想 kid 对象有一个私有（private）属性，我们可以这样做：

        // Constructor

        function Kid(name) {

            // Private

            var idol = "Paris Hilton";

idol 属性将只对 Kid 函数/对象内可用。注意：idol 属性前边的 var 关键字。

添加一个特权（Privileged）的方法

特权（privileged）方法是一种能够访问私有（private）属性的方法，而同时向外面公开它自己（在 JavaScript 中，也由于 JavaScript 作用域和闭包）。你可以删除或替换一个特权方法，但你不能改变它的内容。如特权方法返回一个私有属性的值：

        // Constructor

        function Kid(name) {

            // Private

            var idol = "Paris Hilton";

            // Privileged

            this.getIdol = function () {

                return idol;

};

添加一个公共（Public）的属性和方法

现在，我们有了私有属性，和从外边访问它的特权方法，让我们来看看很基本的公共属性和公共方法：

        // Constructor

        function Kid(name) {

            // Public

            this.name = name;

            this.getName = function () {

                return this.name;

};

公共属性对任何调用都是可用的，像 getName 方法。

但是，正如在下面代码提到的，与其他类型相比，公共方法的推荐方式是使用原型（prototype）方法，修改上面代码后，例如：

        // Constructor

        function Kid(name) {

            // Public

            this.name = name;

        Kid.prototype.getName = function () {

            return this.name;

};

添加一个静态（Static）的属性

静态成员被所有的实例对象和它自己所共享（即 Kid 对象），静态成员只存储在一个地方。这意味着，它的值不会被继承到其下面的实例对象：

        // Constructor

        function Kid(name) {

            // Constructor code

        // Static property

        Kid.town = "South Park";

我们自己的完整对象

在我们尝试访问对象的属性和方法前，看一下这个完整的对象：

        // Constructor

        function Kid(name) {

            // Private

            var idol = "Paris Hilton";

            // Privileged

            this.getIdol = function () {

                return idol;

};

            // Public

            this.name = name;

        // Public

        Kid.prototype.getName = function () {

            return this.name;

};

        // Static property

        Kid.town = "South Park";

创建一个实例对象并检查可访问性

现在是测试这些不同方法在实际中是如何工作的了。我们先创建一个 Kid 实例对象，然后，测试我们得到什么不同值。测试机器结果如下所示：

        // Create a new instance

        var cartman = new Kid("Cartman");

        // Access private property

        cartman.idol; // undefined

        // Access privileged method

        cartman.getIdol(); // "Paris Hilton"

        // Access public property

        cartman.name; // "Cartman"

        // Access public method

        cartman.getName(); // "Cartman"

        // Access static property on an instance

        cartman.town; // undefined

        // Access static property on the constructor object

        Kid.town; // "South Park"

结论

当涉及对象和其成员的时候，希望你用适当的方式去选择。另外，对于之前用其他语言从事面向对象编程的 JavaScript 新手，已经回答了你可能的问题。

下载 Demo

JavaScript：如何获得 Private、Privileged、Public 和 Static 成员（属性和方法）【翻译+整理】的更多相关文章

javascript 构造函数类和原型 prototyp e定义的属性和方法的区别
1.把方法写在原型中比写在构造函数中消耗的内存更小,因为在内存中一个类的原型只有一个,写在原型中的行为可以被所有实例共享,实例化的时候并不会在实例的内存中再复制一份而写在类中的方法,实例化的时候会在每 ...
转： javascript动态添加、修改、删除对象的属性和方法
在其他语言中,对象一旦生成,就不可更改了,要为一个对象添加修改成员必须要在对应的类中修改,并重新实例化,而且程序必须经过重新编译.JavaScript 中却非如此,它提供了灵活的机制来修改对象的行为, ...
javascript动态添加、修改、删除对象的属性与方法
在其他语言中,对象一旦生成,就不可更改了,要为一个对象添加修改成员必须要在对应的类中修改,并重新实例化,而且程序必须经过重新编译.JavaScript 中却非如此,它提供了灵活的机制来修改对象的行为, ...
javascript——对象的概念——函数 1 (函数对象的属性和方法)
一.创建函数函数是一种对象:Function类是对象,可以通过 Function 实例化一个函数,不过最多的还是利用 function 来创建函数. 方式一:利用 Function类来实例化函数 ...
javascript中对象的每个实例都具有的属性和方法
PHP中private、public、protected的区别详解
先简单粗俗的描述下:public 表示全局,类内部外部子类都可以访问:private表示私有的,只有本类内部可以使用:protected表示受保护的,只有本类或子类或父类中可以访问: 再啰嗦的解释下: ...
JavaScript基础对象创建模式之私有属性和方法(024)
JavaScript没有特殊的语法来表示对象的私有属性和方法,默认的情况下,所有的属性和方法都是公有的.如下面用字面声明的对象: var myobj = { myprop: 1, getProp: f ...
static 关键字详解 static方法调用非static属性和方法
静态的属性和方法在内存中的存放地址与非静态的是不同的,静态的是存放在static区,它意味着静态方法是没有this的,所以我们不可以从一个static方法内部发出对非static方法的调用.但是反之是 ...
java基础64 JavaScript中的Arrays数组对象和prototype原型属性（网页知识）
1.Arrays数组对象的创建方式方式一: var 变量名=new Array(); //创建一个长度为0的数组. 方式二: var 变量名=new Array(长度); //创建一个指定长度的数组 ...

随机推荐

两次被百度k站两次恢复的亲身经历
最后,网站被k了并不是最重要的,最重要的是你能不能找到网站被k的病因所在,不知道病因的话,就盲目的优化,恢复起来可能效果就不太明显,也比较浪费时间.只有找到了被k的原因,这样恢复起来才会得心应手,省时 ...
poj1050最大子矩阵和
这篇是看了别人的报告写的,就当是屡屡思路好了. 题目大意.给定一个n阶矩阵(方阵),每一个元素中存在一个数字.任务就是求出一个最大的子矩阵使得矩阵元素之间的和是最大的. n=100; 1.矩阵A[m] ...
delphi 主线程向子线程发送消息
while True do begin if not PeekMessage(msg,0,0,0,PM_REMOVE) then begin case MsgWaitForMultipleObject ...
AngularJS双向绑定，手动实施观察
实现这样的一个需求:页面中某个地方显示某个文本框的值经过计算得到的结果,而且是文本框值每次变化显示的计算结果也跟着动态变化. 在controller中可以声明一个对象,它的一个字段用来存储初始值: $ ...
错误：update 忘了加 where
职业生涯应该都犯过的错误,幸好是在开发库,生产环境的库真是要严格的进行权限管理和脚本执行流程规范.
python笔记27-lxml.etree解析html
前言之前分享过一个python爬虫beautifulsoup框架可以解析html页面,最近看到lxml框架的语法更简洁,学过xpath定位的,可以立马上手. 使用环境: python 3.6 lxm ...
在websocket中怎么样注入service类
最近项目中用到了websocket,遇到很多问题,其中一个是@ServerEndpoint修饰的类无法注入其他的bean,注入的对象都是null,在网上找了好多资料,无意中发现一个朋友的答案给了思路. ...
JQuery攻略（三）数组与字符串
在上两章,JQuery攻略(一) 基础知识——选择器与 DOM 和 JQuery攻略(二) Jquery手册我们为后面的章节打好了基础,在这一章节中,我们继续. 在这一章节中,我们记录的是JQue ...
推荐ThinkJS
之前在学习node.js时,写过一些例子和demo,偶尔也会有人发email问我node.js的一些问题.因为是二三年前写的东西,当时使用的第三方库和node.js的版本跟最新的可能有所不同甚至比较大 ...
Kubeadm安装Kubernetes环境
Kubeadm方式号称一键安装部署,很多人也试过并且顺利成功,可到了我这里因为折腾系统问题,倒腾出不少的坑出来. kubeadm好处是自动配置了必要的服务,以及缺省配置了安全的认证,etcd,apis ...

JavaScript：如何获得 Private、Privileged、Public 和 Static 成员（属性和方法）【翻译+整理】