JavaScript支持面向对象的开发(2)

这些类有层次之分吗？
另一个好问题的是JavaScript的类是否有层次之分。回答是肯定有。我们来仔细看看是怎么做到分层的。我们可以定义一个Rectangle子类，并把Figure作为父类：
function Rectangle(startX, startY, endX, endY) {
this.width = endX - startX;
this.height = endY - startY;
this.centerX = (endX + startX)/2;
this.centerY = (endY + startY)/2;
this.computeArea = computeArea;
function computeArea() {
this.area = this.width*this.height;
} }
Rectangle.prototype = new Figure();
Rectangle对象是用4个自变量创建的，前四行是构造器。
　Rectangle类包含了一个方法： computeArea()。最后一行Rectangle.prototype = new Figure();，把Rectangle类定义为从Figure类继承来的子类。
然我来解释一下prototype（原型）。每个对象构造器都有prototype属性；这是用来给所有的对象增加新属性和方法的。这就是为什么原型被用来实现继承：child.prototype = new parent();。通过原型，父对象的所有属性和方法都被添加到子对象上。
要注意this.centerX，this.centerY，和area是Rectangle类中所使用的属性，但是它们是 Figure父类的属性。和Rectangle类相似，Circle类可以被定义成Figure类的原型。这种父子关系可以按你需要来定义深度；你可以创建另一个Rectangle的子类。我如何创建一个类的实例？
在JavaScript里创建一个类的实例很容易：
rect = new Rectangle(100,100,900,800);
这就创建了Rectangle类型的一个对象。Rectangle的构造器在属性width, height, centerX, 和centerY中填入了值。rect.area属性的值是零（0）。使用这个命令就能调用area方法：
rect.computeArea();
rect.area的值现在是560,000。要调用transform方法使用：
rect.transform(100,200,0);
父和子对象的属性可以像这样访问到：
var ar = rect.area;
var wi = rect.width;
我能超越属性和方法吗？
就像你在Java中的一样，你可以超越属性和方法。在子类中定义的属性或者方法可以超越同名的父类的属性和方法。
和全局变量互动
JavaScript也支持全局变量的使用。在以下代码段中测试一下g_area变量的范围：
>
T>
var g_area = 20;
function Figure() {
…
this.area=g_area;

相关文章

• FGO国服3000天纪念四星自选推荐 FGO国服3000天纪念四星该怎么选择 12-23
• FGO国服圣诞2024年90+本＆90++本组队思路 FGO国服圣诞2024年90+本＆90++本怎 12-23
• 无限暖暖蚯蚓洞奇想星获取方法分享 无限暖暖蚯蚓洞奇想星怎么获取 12-23
• 幻塔耶梦加得怎么打 幻塔耶梦加得攻略方法 12-23
• FGO国服圣诞2024高难攻略 FGO国服圣诞2024高难怎么打 12-23
• 无限暖暖大钟奇想星获取方法分享 无限暖暖大钟奇想星怎么获取 12-23