JavaScript 英文原文：Object-oriented Programming in JavaScript

引见

JavaScript 是一个弱小的面向工具编程言语，可是，其实不像传统的编程言语，它采取一个以原型为根底的OOP模子，导致它的语法让大大多数开发职员看不懂。别的，JavaScript 也把函数作为重要的工具，这可能会给不敷熟习这门言语的开发职员形成更大的迷惑。那就是我们决议放在后面作为一个简洁媒介实行引见的缘由，而且在 JavaScript 里也能够用作面向工具编程的一个参考。

这个文档没有供给一个面向工具编程的规矩预览，但有它们的接口概述。

定名空间

随同一批web真个第三方库，框架和依靠JS剧本的呈现，在JavaScript 开发中运用定名空间势在必行，我们测验考试以该种方法防止在全局定名空间中可能呈现的工具和变量称号的反复问题。不幸的是,JavaScript 其实不内嵌定名空间功用，但我们可以经过运用工具来完成相似的功用。JavaScript中有非常多种形式完成定名空间，可是我们将运用嵌套定名空间，这类形式现在被普遍运用。

嵌套定名空间

嵌套定名空间形式运用一个object实行泛函数式的包装，来取得一个特定于使用程序的称号。

我们从创立一个全局工具Start并绑定变量称号为 MyApp.

上面语法反省了MyApp能否被定义,假如被定义，我们将获得其援用，不然我们创立一个空的容器,该容器用于封装我们的办法和变量.

我们可使用类似的技术去创立子定名空间，示例以下：

一旦我们拆卸好容器，我们可以在该容器中定义本人的办法和变量，而且在没有任何与已定义的变量或工具重名的风险下，在全局定名空间中运用.

Google’s Addy Osmani在他的文章《JavaScript定名空间形式要义》一文中深化的引见了JavaScript定名空间形式。假如你想探求其他形式，该文将是最好的入门读物。

其它翻译版本 (1) 加载中

工具

假如你写过 JavaScript 代码，那你曾经运用过工具了。JavaScript 有三品种型的工具：

原生工具

原生工具是言语标准的一部分，不论在甚么样的运转情况下运转，原生工具都可用。原生工具包含：Array、Date、Math 和 parseInt 等。想了解一切原生工具，请参阅 JavaScript 内建工具参考

宿主工具

与原生工具分歧，宿主工具是由 JavaScript 代码运转的情况创立。分歧的情况情况创立有分歧的宿主工具。这些宿主工具在大多数状况下都答应我们与之交互。假如我们写的是在阅读器（这是此中一种运转情况）上运转的代码，会有 window、document、location 和 history 等宿主工具。

用户工具

用户工具（或植入工具）是在我们的代码中定义的工具，在运转的过程当中创立。JavaScript 中有两种方法创立本人的工具，下面胪陈。

工具字面量

在后面演示创立定名空间的时分，我们曾经接触到了工具字面量。如今来搞明白工具字面量的定义：工具字面量是置于一对花括号中的，由逗号分开的名-值对列表。工具字面量可具有变量（属性）和函数（办法）。像 JavaScript 中的其它工具一样，它也能够作为函数的参数，或者前往值。

如今定义一个工具字面量并付与一个变量：

向这个工具字面量添加属性和办法，然后在全局用处域拜访：

这看起来和后面的定名空间很像，但这并非偶合。字面量工具最典范的用法就是把代码封装起来，使之在一个封装的包中，以免与全局用处域中的变量或工具发作抵触。因为相似的缘由，它也经常用于向插件或工具通报设置装备摆设参数。

假如你熟习设计形式的话，工具字面量在某种水平上来讲就是单例，就是那种只要一个实例的形式。工具字面量先天不具有实例化和承继的才能，我们接下来还得了解 JavaScript 中另外一种创立自定义工具的办法。

结构函数

定义结构函数

函数是 JavaScript 一等国民，就是说其它实体支撑的操作函数都支撑。在 JavaScript 的天下，函数可以在运转时实行静态结构，可以作为参数，也能够作为其它函数的前往值，也可被付与变量。并且，函数也能够具有本人的属性和办法。JavaScript 中函数的特征使之成为可以实体化和承继的工具。

来看看怎样用结构函数创立一个自定义的工具:

创立结构函数相似于创立通俗函数，只要一点破例：用 this 关键字定义自觉性和办法。一旦函数被创立，就能够用 new 关键字来生成实例并付与变量。每次运用 new 关键字，this 都指向一个新的实例。

构建函数实例化和传统面向工具编程言语中的经过类实例化并不是完整分歧，可是，这里存在一个可能不容易被发觉的问题。

当运用 new 关键字创立新工具的时分，函数块会被重复履行，这使得每次运转都会发生新的匿名函数来定义办法。这就像创立新的工具一样，会招致程序耗费更多内存。这个问题在当代阅读器上运转的程序中其实不显眼。但跟着使用规矩地扩展，在旧一点的阅读器、盘算机或者低电耗装备中就会呈现功能问题。不外不必担忧，有更好的方法将办法附加给结构函数（是不会净化全局情况的哦）。

办法和原型

后面引见中提到 JavaScript 是一种基于原型的编程言语。在 JavaScript 中，可以把原型看成工具模板一样来运用。原型能防止在实例化工具时创立过剩的匿名函数和变量。

在 JavaScript 中，prototype 是一个十分特殊的属性，可让我们为工具添加新的属性和办法。如今用原型重写上面的示例看看：

这个示例中，不再为每一个 Person 实例定义 sayHey 办法，而是经过原型模板在各实例中同享这个办法。

承继性

经过原型链，原型可以用来完成承继。JavaScript 的每个工具都有原型，而原型也是工具，也有它本人的原型，循环往复...直到某个原型工具的原型是 null——原型链到此为止。

在拜访一个办法或属性的时分，JavaScript 起首反省它们能否在工具中定义，假如不，则反省能否定义在原型中。假如在原型中也没找到，则会延着原型链不断找下去，直到找到，或者抵达原型链的终端。

如今来看看代码是怎样完成的。可以从上一个示例中的 Person 工具Start，别的再创立一个叫 Employee 的工具。

如今 Employee 只要一个属性。不外既然员工也属于人，我们盼望它能从 Person 承继其它属性。要到达这个目标，我们可以在 Employee 工具中挪用 Person 的结构函数，并设置装备摆设原型链。

要适应原型承继还需求一些时间，可是这一个必需熟习的主要观点。固然原型承继模子经常被以为是 JavaScript 的弱点，但实践上它比传统模子更弱小。比方说，在把握了原型模子以后创立传统模子几乎就太轻易了。

ECMAScript 6 引入了一组新的关键字用于完成 类。固然新的设计看起来与传统基于类的开发言语十分靠近，但它们其实不类似。JavaScript 依然基于原型。

结论

JavaScript曾经颠末了长时间的开展，在此时期，按今日的规范来看，一些本不该该运用的办法，却被大量开发者运用着。依据 ES2015 的引见，这类情况正Start渐渐改动，但是，很多开发职员依然保持运用一些旧的编程方法，这侵害了他们的代码的联系关系性。了解面向工具编程办法，并将它使用在你的JavaScript项目中，关于编写可不断的代码十分成心义。

我盼望这个简洁的引见将有助于你到达这个目的。

本文中的一切译文仅用于进修和交换目标，转载请务必注明文章译者、出处、和本文链接。 2KB翻译任务按照 CC 协议，假如我们的任务有进犯到您的权益，请实时联络我们。

2KB项目（www.2kb.com，源码交易平台）,提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务