JS模拟面向对象全解（四、构造对象）

从这一章开始，我们正式进入面向对象的学习。

JS没有“类”一说，都叫做“对象”。JS是十分精简的面向对象的语言，但十分强大，这是它的灵活之处。

面向对象必须有 封装性。

那么，在没有封装的时候，对象是什么样的呢？

就是Object。前面已经接触过。JS灵活到什么程度？你可以随意为Object增删属性。增加时无须声明，第一次使用时JS便为你创建好了。JS任何类型无用时，自动清理，属性也就自动删除。当你想删除你的对象某属性时，delete xx.xx 即可。

obj = new Object; obj.x = 1; obj.y = 2;

上面就创建了一个对象，叫obj，拥有x、y两个属性。

——

下面开始进入封装——对象的构造函数。

function Foo() { this.x = 1; this.y = 2; } obj1 = new Foo;

上面利用构造函数定义了一个名为Foo的抽象对象。后面利用new将其实例化为obj1。obj1在new之后就有x=1；y=2两个属性。

x、y相当于面向对象编程语言中的对象成员（非静态成员）

我也说过，JS一切都是开放的，没什么私有公有之说，所以成员是在任何时候、任何地点可被任何事物操作的。

——

加入一点儿方法的实现：

function Foo() { this.x = 1; this.y = 2; this.Bar = MyMethod; } function MyMethod(z) { this.x += z; } obj2 = new Foo;//此时，obj2.x==1 && obj2.y==2; obj2.Bar(5);//此后，obj2.x==6 && obj2.y==2;

上面为Foo这个抽象对象增加了一个名为Bar的对象方法，链接的就是MyMethod这个方法（但是你不能以MyMethod为名调用，MyMethod是以“Bar”为名作为Foo的成员方法的）。

obj2在new了之后就有了自己的这个方法可以调用。

——

可是，上面那个办法添加的成员方法每一次都要赋值给构造的对象的Bar属性，并不是好办法。既然都是对象内统一的方法，不如用原型prototype来实现。

function Foo() { this.x = 1; } function Foo.prototype.DoIt() { this.x++; } obj = new Foo; obj.DoIt();

原型就是对象固有的，类似静态，但是可以拥有this指针。这就是JS的灵活之处。

不 必为每个构造的对象添加一个成员方法的属性，只需一个函数。但是，这个函数既然不是分配给实例对象的，而是抽象对象固有的，怎么会有this呢？你在调用 obj.DoIt()时，就把obj的指针传递过去了，DoIt又可以接收到，转化为this指针。JS很灵活就在这些方面。

——

prototype原型所定义的东西，就是抽象对象固有的东西。相当于高级面向对象编程语言所说的static静态成员。（当然，我说过JS的原型函数可以分配到this指针）

下面，就用原型定义属性来模拟static成员变量。

function Foo() { this.x = 1; } Foo.prototype.y = 2; obj = new Foo; document.write('obj.y = ' + obj.y);//obj.y = 2

改变静态成员也必须用抽象对象的原型来改。Foo.prototype.y = 5;

可是，抽象对象原型属性与实例对象属性可以重名，而且如果实例对象拥有了与抽象对象原型属性同名的属性，则实例的对象属性要覆盖过抽象对象原型的属性。

下面是例子：

function Foo() { this.x = 1; } Foo.prototype.y = 2; obj = new Foo; obj.y=5;//演示 对象成员 覆盖 静态成员 Foo.prototype.y = 3;//演示静态成员的改变 document.write('obj.y = ' + obj.y);//obj.y = 3

下面这个例子更丰富地演示了对象成员与静态成员的关系：

function Foo() { this.x = 1; } Foo.prototype.y = 2; obj = new Foo; obj.y=5; Foo.prototype.y = 3; document.write('obj.y = ' + obj.y); document.write("<br />"); delete obj.y; document.write('obj.y = ' + obj.y);

输出：

obj.y = 5
obj.y = 3

读者可以自己根据上例想一下两者关系。

对象成员与静态成员互不影响，但对于实例对象来首，对象成员是在首位的。

由“销毁了对象成员之后，对象仍然存在原型“静态”成员”可以看出来。

————————

上面提到的静态方法依然可以有this指针，其实是当作对象成员方法来用的，那么真正的静态方法怎么实现？

其实很简单，利用函数对象的特性就好了。

function Foo() { this.x = 1; } Foo.show=function(txt){ alert("I'm Foo!"+txt);//提示I'm Foo!haha! } Foo.show("haha!");

上 面，Foo也就是Foo对象的构造函数，Foo也就是个函数对象了，我们可以为对象任意添加属性。于是，我们可以为Foo这个函数添加一个名为show的 函数属性。这样，是为Foo这个函数对象添加的show函数属性，而与Foo的实例对象无关。这样就模拟出了对象的静态方法了。

——————

总结一下：

a、写对象，成员方法用原型prototype；

b、成员属性写再构造函数内；

c、静态属性用原型（模拟，可被对象属性覆盖）

d、静态函数用函数对象的属性模拟。

结合以上四种方法，混合使用，就可以打造一个完整漂亮的对象了！

 

后面，我会为大家讲JS对象的继承，敬请期待！