使用Modello编写JavaScript类：JavaScript语言特性和类封装

29 浏览量更新于2024-09-03 收藏 106KB PDF 举报

"使用Modello编写JavaScript类" 本文主要讲述了JavaScript语言的特点和使用Modello编写JavaScript类的方法。首先，文章回顾了编程语言的发展历程，从汇编语言到面向对象语言，然后到具备面向对象特性的脚本语言。JavaScript是一种不完全支持面向对象特性的脚本语言，它支持对象的概念，但不支持类的封装和继承。在JavaScript中，对象的prototype是一个非常重要的概念。每个对象都包含一个prototype对象，当对象查询一个属性或者请求一个方法时，运行环境会先在当前对象中查找，如果查找失败则查找其prototype对象。prototype对象也是一个对象，因此这种查找过程同样适用于对象的prototype对象中，直到当前对象的prototype为空。在JavaScript中，对象的prototype在运行期是不可见的，只能在定义对象的构造函数时，创建对象之前设定。因此，需要正确地设置对象的prototype，以便正确地继承父对象的属性和方法。使用Modello编写JavaScript类可以帮助开发者更好地组织和继承代码，提高编程效率。Modello是一种基于XML的配置文件，可以用来生成JavaScript类。通过使用Modello，可以简化JavaScript类的编写过程，提高代码的可读性和维护性。在使用Modello编写JavaScript类时，需要注意以下几点： * 正确地设置对象的prototype，以便正确地继承父对象的属性和方法。 * 使用Modello生成JavaScript类，可以简化编写过程，提高代码的可读性和维护性。 * 需要了解JavaScript语言的特点，包括它不完全支持面向对象特性的脚本语言，和对象的prototype概念。本文讲述了JavaScript语言的特点和使用Modello编写JavaScript类的方法，为开发者提供了有价值的参考。

使用使用Modello编写编写JavaScript类类

From：http://www.ajaxwing.com/index.php?id=2

一，背景

回顾一下编程语言的发展，不难发现这是一个不断封装的过程：从最开始的汇编语言，到面向过程语言，然后到面向对象语

言，再到具备面向对象特性的脚本语言，一层一层封装，一步一步减轻程序员的负担，逐渐提高编写程序的效率。这篇文章是

关于 JavaScript 的，所以我们先来了解一下 JavaScript 是一种怎样的语言。到目前为止，JavaScript 是一种不完全支持面向

对象特性的脚本语言。之所以这样说是因为 JavaScript 的确支持对象的概念，在程序中我们看到都是对象，可是 Javascipt 并

不支持类的封装和继承。曾经有过 C++、Java或者 php、python 编程经验的读者都会知道，这些语言允许我们使用类来设计

对象，并且这些类是可继承的。JavaScript 的确支持自定义对象和继承，不过使用的是另外一种方式：prototype（中文译

作：原型）。用过 JavaScript 的或者读过《设计模式》的读者都会了解这种技术，描述如下：

每个对象都包含一个 prototype 对象，当向对象查询一个属性或者请求一个方法的时候，运行环境会先在当前对象中查找，如

果查找失败则查找其 prototype 对象。注意 prototype 也是一个对象，于是这种查找过程同样适用在对象的 prototype 对象

中，直到当前对象的 prototpye 为空。

在 JavaScript 中，对象的 prototype 在运行期是不可见的，只能在定义对象的构造函数时，创建对象之前设定。下面的用法都

是错误的：

o2.prototype = o1;

这时只定义了 o2 的一个名为“prototype”的属性，

并没有将 o1 设为 o2 的 prototype。

// —————

f2 = function(){};

o2 = new f2;

f2.prototype = o1;

这时 o1 并没有成为 o2 的 prototype，

因为 o2 在 f2 设定 prototype 之前已经被创建。

// —————

f1 = function(){};

f2 = function(){};

o1 = new f1;

f2.prototype = o1;

o2 = new f2;

同样，这时 o1 并不是 o2 的 prototype，

因为 JavaScript 不允许构造函数的 prototype 对象被其它变量直接引用。

正确的用法应该是：

f1 = function(){};

f2 = function(){};

f2.prototype = new f1;

o2 = new f2;

从上面的例子可以看出：如果你想让构造函数 F2 继承另外一个构造函数 F1 所定义的属性和方法，那么你必须先创建一

个 F1 的实例对象，并立刻将其设为 F2 的 prototype。于是你会发现使用 prototype 这种继承方法实际上是不鼓励使用继承：

一方面是由于 JavaScript 被设计成一种嵌入式脚本语言，比方说嵌入到浏览器中，用它编写的应用一般不会很大很复杂，不

需要用到继承；另一方面如果继承得比较深，prototype 链就会比较长，用在查找对象属性和方法的时间就会变长，降低程序

的整体运行效率。

二，问题

现在 JavaScript 的使用场合越来越多，web2.0 有一个很重要的方面就是用户体验。好的用户体验不但要求美工做得好，并且

讲求响应速度和动态效果。很多有名的 web2.0 应用都使用了大量的 JavaScript 代码，比方说 Flickr、Gmail 等等。甚至有些

人用 Javasript 来编写基于浏览器的 GUI，比方说 Backbase、Qooxdoo 等等。于是 JavaScript 代码的开发和维护成了一个很

重要的问题。很多人都不喜欢自己发明轮子，他们希望 JavaScript 可以像其它编程语言一样，有一套成熟稳定 Javasript 库来

提高他们的开发速度和效率。更多人希望的是，自己所写的 JavaScript 代码能够像其它面向对象语言写的代码一样，具有很

好的模块化特性和很好的重用性，这样维护起来会更方便。可是现在的 JavaScript 并没有很好的支持这些需求，大部分开发

都要重头开始，并且维护起来很不方便。

三，已有解决方案

有需求自然就会有解决方案，比较成熟的有两种：

1，现在很多人在自己的项目中使用一套叫 prototype.js 的 JavaScript 库，那是由 MVC web 框架 Ruby on Rails 开发并使

用 JavaScript 基础库。这套库设计精良并且具有很好的可重用性和跨浏览器特性，使用 prototype.js 可以大大简化客户端代码

的开发工作。prototype.js 引入了类的概念，用其编写的类可以定义一个 initialize 的初始化函数，在创建类实例的时候会首先

调用这个初始化函数。正如其名字，prototype.js 的核心还是 prototype，虽然提供了很多可复用的代码，但没有从根本上解

决 JavaScript 的开发和维护问题。

2，使用 asp.net 的人一般都会听过或者用到一个叫 Atlas 的框架，那是微软的 AJAX 利器。Atlas 允许客户端代码用类的方法

来编写，并且比 prototype.js 具备更好的面向对象特性，比方说定义类的私有属性和私有方法、支持继承、像java那样编写接

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38682518

粉丝: 3
资源: 935

使用Modello编写JavaScript类：JavaScript语言特性和类封装

modello:Javascript 建模框架

Ajax跨域请求工具--modello.ajax-0.0.6

modello-react

modello-asp编程

Modello2Soluzione:模型2资料库

maven-modello-plugin-1.0.jar

maven-modello-plugin-1.0-sources.jar

modello-plugins-1.0-source-release.zip

modello-1.7-4.el7.noarch.rpm

lg-modellointeroperabilita-docs：Linee guida sul modello diinteroperabilità2018

最新资源