JAVASCRIPT原型和面向对象概念.pdf

Ray Djajadinata 本文讨论: 本文使用了以下技术: JavaScript  JavaScript 是基于原型的语言  用 JavaScript 进行面向对象的编 程  JavaScript 编码技巧  JavaScript 的未来 目录 JavaScript 对象是词典 JavaScript 函数是最棒的 构造函数而不是类 原型 静态属性和方法 闭包 模拟私有属性 从类继承 模拟命名空间 应当这样编写 JavaScript 代码吗？ 展望 最近，我面试了一个有五年 Web 应用程序开发经验的软件开发人员。四年半来她一直在从事 JavaScript 相关的工作，她自认为 JavaScript 技能非常好，但在不久之后我就发现实际上她对 JavaScript 知之甚少。话虽这样说，但我确实没有责备她的意思。JavaScript 真的是很有趣。很多人 （包括我自己，直到最近！）都认为自己很擅长 JavaScript 语言，因为他们都知道 C/C++/C#，或 者有一些以前的编程经验。 在某种程度上，这种假设并不是完全没有根据的。用 JavaScript 很容易做些简单的事情。入门的门 槛很低，该语言很宽松，它不需要您知道很多细节就可以开始用它进行编码。甚至非编程人员也可能 用它在几个小时内为主页编写一些有用的脚本。 的确，直到最近，仅仅凭借 MSDN® DHTML 参考资料和我的 C++/C# 经验，我也总能勉强利用这 点 JavaScript 知识完成一些任务。只是当我开始编写真实的 AJAX 应用程序时，我才意识到实际上 我的 JavaScript 知识还非常不够。这个新一代的 Web 应用程序的复杂性和交互性需要程序员以完 全不同的方法来编写 JavaScript 代码。它们是真正的 JavaScript 应用程序！我们在编写一次性脚本 时一直采用的方法已完全不再有效。 面向对象编程 (OOP) 是一种流行的编程方法，很多 JavaScript 库中都使用这种方法，以便更好地管 理和维护基本代码。JavaScript 支持 OOP，但与诸如 C++、C# 或 Visual Basic® 等流行的 Microsoft® .NET Framework 兼容语言相比，它支持 OOP 的方式非常不同，因此主要使用这些语言 的开发人员开始可能会觉得在 JavaScript 中使用 OOP 很奇怪而且不直观。我写本文就是为了深入 讨论 JavaScript 语言实际上如何支持面向对象编程，以及您如何使用这一支持在 JavaScript 中高效 地进行面向对象开发。下面首先讨论对象 （还能先讨论其他别的什么呢？）。 JavaScript 对象是词典 在 C++ 或 C# 中，在谈论对象时，是指类或结构的实例。对象有不同的属性和方法，具体取决于将 它们实例化的模板 （即类）。而 JavaScript 对象却不是这样。在 JavaScript 中，对象只是一组名称 /值对，就是说，将 JavaScript 对象视为包含字符串关键字的词典。我们可以使用熟悉的“.” （点）运 算符或“[]”运算符，来获得和设置对象的属性，这是在处理词典时通常采用的方法。以下代码段 复制代码 var userObject new Object(); userObject.lastLoginTime new Date(); alert(userObject.lastLoginTime); 的功能与下面的代码段完全相同： 复制代码 var userObject {}; // equivalent to new Object() userObject[“lastLoginTime”] new Date(); alert(userObject[“lastLoginTime”]); 我们还可以直接在 userObject 的定义中定义 lastLoginTime 属性，如下所示： 复制代码 var userObject { “lastLoginTime”: new Date() }; alert(userObject.lastLoginTime); 注意，它与 C# 3.0 对象初始值非常相似。而且，熟悉 Python 的人会发现在第二和第三个代码段中 实例化 userObject 的方法与在 Pyt