深入JavaScript对象

ECMA-262把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数“。我们可以把ECMAScript的对象想象成散列表：一组名值对，其中值可以使数据或函数。每个函数都有一个prototype属性，这个属性是一个对象，prototype对象的属性和方法被类型的所有实例共享。Prototype就是通过调用构造函数而创建的那个对象的原型对象。对象通过一个内部属性_proto_绑定到它的原型，这个属性在Firefox,Safari和Chrome浏览器中对开发者可见。所有函数对象的protoType默认指向object对象的原型。如：

  
  

   
   <
   
   script language
   
   =
   
   "
   
   javascript
   
   "
   
    type
   
   =
   
   "
   
   text/javascript
   
   "
   
   >
   
   
 
   
   function
   
    Person(name, address) {
 
   
   this
   
   .name 
   
   =
   
    name;
 
   
   this
   
   .address 
   
   =
   
    address;
 }
 Person.prototype.say 
   
   =
   
    
   
   function
   
    () {
 alert(
   
   this
   
   .name);
 }
 
   
   var
   
    person1 
   
   =
   
    
   
   new
   
    Person(
   
   "
   
   Feng
   
   "
   
   , 
   
   "
   
   Henan
   
   "
   
   );
 
   
   var
   
    person2 
   
   =
   
    
   
   new
   
    Person(
   
   "
   
   Lee
   
   "
   
   , 
   
   "
   
   Beijing
   
   "
   
   );
 alert(person1 
   
   instanceof
   
    Person);
   
   //
   
   true
   
   

   
    alert(person1 
   
   instanceof
   
    Object); 
   
   //
   
   true alert(Person.prototype.isPrototypeOf(person1)); //true
   
   

   
    alert(Person.prototype.isPrototypeOf(person2)); 
   
   //
   
   true
   
   

   
   <
   
   /
   
   script>
  
  

构造器Person用来创建新实例。实例person1的原型（_proto_）指向Person.prototype。Person.prototype的原型指向Object.prototype。上面的代码创建的原型链如下

用下面这个例子来展示原型动态特性的魅力的，以免在程序中整出很神奇的BUG。需要用Firefox调试一把。

  
  

   
   <
   
   script language
   
   =
   
   "
   
   javascript
   
   "
   
    type
   
   =
   
   "
   
   text/javascript
   
   "
   
   >
   
   

   
   function
   
    Person() {
 }
 
   
   var person1 = new
   
    Person();
 Person.prototype.sayOld 
   
   =
   
    
   
   function
   
    () {
 alert(
   
   "
   
   old test
   
   "
   
   );
 };

   
   //
   
    Person.prototype = {
   
   
//
   
    name: "Feng",
   
   
//
   
    address: "Henan",
   
   
//
   
    say: function () {
   
   
//
   
    alert(this.name);
   
   
//
   
    }
   
   
//
   
    };
   
   

   
    
   
   //
   
   person1.say();错误不能调用
   
   

   
    person1.sayOld();
 alert(person1.__proto__.constructor);
 
   
   var
   
    person2 
   
   =
   
    
   
   new
   
    Person();
 alert(person2.__proto__.constructor);
 alert(Person.prototype.constructor);

   
   <
   
   /
   
   script>
  
  

注意person1是在添加sayOld方法之前创建的实例，此时调用sayOld()方法正常，firebug调试信息如下：

现在把person1.sayOld()注释掉，把注释掉的代码恢复正常，

但是person1.say()方法不能调用，因为我们重写了原型，person1指向的还是原来的原型，原来的原型不包括say方法。原型图如下：