快速业务通道

跨越边界: JavaScript语言特性 - 编程入门网

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-06-16
型创建过极为复杂、设计良好的面向对象软件。但对象模型尤其是用于继承的对 象模型又非您一贯认为的那样。

Java 语言是基于类的。当构建应用程序时,也同时构建了可以作为所有对象的模板的新类。然后调用 new 来实例化该模板,创建一个新对象。而在 JavaScript 中,所创建的是一个原型,此原型是一个实例 ,可以创建所有未来的对象。

现在先暂且放下这些抽象的概念,去查看一些实际代码。比如,清单 7 创建了一个简单的 Animal, 它具有 name 属性和 speak 动作。其他动物会从这个基础继承。

清单 7. 创建一个构造函数

<script type=''text/javascript''> Animal = function() {   this.name = "nobody"   this.speak = function () {     return "Who am I?"   } } myAnimal = new Animal(); alert(''The animal named '' + myAnimal.name +    '' says '' + myAnimal.speak()); </script>

清单 7 的结果如图 6 所示:

图 6. 创建一个构造函数

跨越边界: JavaScript语言特性 - 编程入门网

对于 Java 开发人员而言,清单 7 中的代码看起来多少有点生疏和奇怪。实际上对于没有亲自构建过 对象的许多 JavaScript 开发人员来说,这些代码同样看起来有点生疏和奇怪。也许,下面的解释可以让 大家能够更好地理解这段代码。

实际上,您只需重点关注其中三段信息。首先,JavaScript 用嵌套函数表示对象。这意味着清单 7 中的 Animal 的定义是一种有效的语法。第二,JavaScript 基于原型或现有的对象的实例来构造对象, 而非基于类模板。funct() 是一种调用,但 new Animal() 却基于 Animal 内的原型构造一个对象。最后 ,在 JavaScript 中,对象只是函数和变量的集合。每个对象并不与类型相关,所以可以自由地修改这种 结构。

回到 清单 7。如您所见,JavaScript 基于在 Animal 中指定的原型定义一个新对象:myAnimal。继 而可以使用原型中的属性和函数,甚或重定义函数和属性。这种灵活性可能会让 Java 开发人员受不了, 因为他们不习惯这种行为,但它的确是一种十分强大的模型。

现在我还要更深入一步。您还可以使用名为 prototype 实例变量来指定对象的基础。方法是设置 prototype 实例变量使其指向继承链的父。如此设置 prototype 之后,您所创建的对象会为未指定的那 些对象继承属性和函数。这样一来,您就可以模仿面向对象的继承概念。以清单 8 为例:

跨越边界: JavaScript语言特性(6)

时间:2011-07-22 IBM Bruce Tate

清单 8. 通过原型继承

<script type=''text/javascript''> Animal = function() {   this.name = "nobody"   this.speak = function () {     return "Who am I?"   } } Dog = function() {  this.speak = function() {   return "Woof!"  } } Dog.prototype = new Animal(); myAnimal = new Dog(); alert(''The animal named '' + myAnimal.name +    '' says '' + myAnimal.speak());    </script>

在清单 8 中,创建了一个 Dog 原型。此原型基于 Animal。Dog 重定义 speak() 方法但却不会对 name() 方法做任何改动。随后,将原型 Dog 设置成 Animal。图 7 显示了其结果:

图 7. 通过原型继承

跨越边界: JavaScript语言特性 - 编程入门网

这也展示了 JavaScript 是如何解决到属性或方法的引用问题的:

JavaScript 基于原始的原型创建实例,该原型在构造函数中定义。任何对方法或属性的引用都会使用 所生成的原始副本。

您可以在对象内像定义其他任何变量一样重新定义这些变量。这样做必然会更改此对象。所以您显式 定义的任何属性或函数都将比在原始的原型中定义的那些属性或函数优先级要高。

如果您显式设置了名为 prototype 的实例变量,JavaScript 就会在此实例

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号