JavaScript 面向对象编程 （二）

5、对象模型
5.1、定义构造函数
JavaScript 语言没有像Java 中class关键来定义一个类，它所有自定义对象均是由Object实例得来的，JavaScript语言中函数（function）也是一个对象，叫函数对象，每个函数都是一个函数对象的实例，除了数字、字符串、布尔什及函数外，其余所有自定义对象以及Array、Date等对象的实例的类型均为Object。new 是怎样实例化一个对的? 你可以把它想像成以下几步进行的：

1.创建一个 Object 实例
2.继承 new 关建字后面的函数的 prototype（原型）属性里的所有成员，你也可以想像成把 prototype 属性里的所有成员制到当前实例中，这个要概念在后面的章节中我会详细说明。
3.把对象实例当做上文环境执行这个函数，在这里这个函数被称为构造函数。

每个函数对象（函数）都有一个 prototype 属性，这个属性是一个对象，它有一个 constructor 属性。constructor 引用的是就是该函数对象，也就是 myfun.prototype.constructor == myfun。所以每个实例化的对象也都有一个 constructor 属性，指定其构造函数，可通过该属性来判断两个对象是否类型相同。

执行代码 5-1 可以得知 Array、Date 这些系统类型都是一个函数对象,实例化这此系统类型后，它们的 constructor 属性分别指向各自的函数对象（这些函数是在JavaScript虚似机中实现的）。
代码 5-1:

alert (typeof Array ); alert (typeof Date); alert ((new Array()).constructor); alert ((new Date()).constructor);

 

代码 5-2 演示了怎样定义构造函数并用它实例化对象。代码中的对象实例 ins 继承了prototype 属性里的所有对象，所以它也拥有了who方法，执行构造函数 cls 时的上下文对象是ins 所以this 引用的是对象ins，因此当调用who方法时，会显示一个内容为“JavaScript”的消息框。
代码 5-2:

var cls = function(){ this.myName = 'JavaScript'; } cls.prototype.who = function(){ alert(this.myName); } var ins = new cls(); ins.who();

下面的代码演示了一个带参数的构造函数，其运行结果与代码5-2 相同。
代码 5-3:

var cls = function(name){ this.myName = name; } cls.prototype.who = function(){ alert(this.myName); } var ins = new cls('JavaScript'); ins.who();

5.2、原型继承
第 5.1节中提到在实例化下一个对象时，该对象会继承其构造函数的prototype 属性里的所有对象，实际上每个对象内部有一个成员变量（proto）它引用了其构造函数的 prototype 属性，但这个成员变量在外部是不否可见的，这个内部成员变量为对象的原型。当调用对象的方法或变量时如果当前对象里不存在，便会查找其原型里是否存在这个方法或变量。代码 5-4演示了这个过程,第6行代码 对象实例化时 ins对象里并没有myName属性，所以第六行调用ins.who()方法时消息框的内容里"undefined"，然后为其构造函数的 prototype 添加了一个myName属性，再次调用 ins.who()方法，这次消息框的内容是"JavaScript"。
代码 5-4：

var cls = function(){ this.who = function(){ alert(this.myName); } } var ins = new cls('JavaScript'); ins.who(); cls.prototype.myName ='JavaScript'; ins.who();

注意：一个对象的原型引用必需在实例化之前赋值，例实化之后无法重新修改引用，这是因为对象内部的原型属性是在实例化时赋值，而这个属是对象内部私有的外部无法对其进行更改。
代码 5-5：
var cls = function(){ this.who = function(){ alert(this.myName); } } var ins = new cls('JavaScript'); cls.prototype ={ myName:'JavaScript' } ins.who();
代码 5-5 的消息框内容为'undefined'，第7行 虽然修改了 cls.prototype 的引用，让其指向一个新对象，但因为这是在实例化对象ins 之后，ins内部的原型属性仍然引用的是旧对象。
这个查找原型的过程其实是递归的，也就是说如果在一个对象里与它的原型中都没有找到这个方法或成员，则会继续查找其原型的原型,直到原型不存在为止，这个特性被称作“原型链”，你可以利用这个特性来模似类的多级继承。
代码 5-6：

var BaseA = function(){} var BaseB = function(){} var cls = function(){ this.who = function(){ alert(this.myName); } } BaseB.prototype = new BaseA(); cls.prototype = new BaseB(); var ins = new cls(); BaseA.prototype.myName='JavaScript'; ins.who();

代码 5-6 中输出结果是我们想要的，但有一个问题原 BaseB.prototype.constructor 引用的是 BaseB，但BaseB.prototype 被重指定成BaseA的实例，则现在的 BaseB.prototype.constructor 引用的是BaseA（关于 prototype属性的constructor成员请看章节5.1），这导到我们在实例化BaseB的对象时它的 constructor 属性引用的却是 BaseA，cls 的实例也是如此(如代码 5-7所演示)，这该怎么办？解决方法是在每个构造函数的第一行加上一句  this.constructor = arguments.callee; （arguments.callee 返回当正在执行的函数对象）即可，如代码如代码 5-8所演示。
代码 5-7:

var BaseA = function(){ //BaseA } var BaseB = function(){ //BaseB } var cls = function(){ this.who = function(){ alert(this.myName); } } BaseB.prototype= new BaseA(); cls.prototype = new BaseB(); var ins = new cls(); var b=new BaseB(); var a=new BaseA(); alert(ins.constructor); alert(b.constructor); alert(a.constructor);

 

代码 5-8:

 

 

 

 

var BaseA = function(){ //BaseA this.constructor = arguments.callee; } var BaseB = function(){ //BaseB this.constructor = arguments.callee; } var cls = function(){ this.constructor = arguments.callee; this.who = function(){ alert(this.myName); } } BaseB.prototype= new BaseA(); cls.prototype = new BaseB(); var ins = new cls(); var b=new BaseB(); var a=new BaseA(); alert(ins.constructor); alert(b.constructor); alert(a.constructor);

Michael.Ge 2011.1.30