JavaScript创建对象方式研究

以下内容是跟随《JavaScript高级程序设计》（第二版）这本书的第6.1章节上机实践所得。

 

 

构造函数模式：

function Person(name,age,job){ this.name=name; this.age=age; this.job=job; this.sayName=function(){ alert(this.name); }; }

　　缺点：每创建一个对象都会新创建一个sayName对象，例如：

>>> var p1=new Person("Nicholas",29,"Software Engineer"); undefined >>> var p2=new Person("zhaoyi",23,"Student") undefined >>> p1.sayName==p2.sayName false

　　创建的对象都有一个constructor属性。但是，如果要检测对象类型，使用instanceof操作符会更可靠些：

>>> p1.constructor Person(name, age, job) >>> p2.constructor Person(name, age, job) >>> p1 instanceof Object true >>> p1 instanceOf Person SyntaxError: missing ; before statement [在此错误处中断] >>> p1.instanceof Person SyntaxError: missing ; before statement [在此错误处中断] >>> p1 instanceof Person true

　　之所以同时是Object实例，是因为所有对象均继承自Object。

 

　　对象属性可以覆盖掉原型的同名属性：

>>> Person.prototype Object {} >>> p1.name "Nicholas" >>> Person.prototype.name="protoName" "protoName" >>> p1.name "Nicholas" >>> delete p1.name true >>> p1.name "protoName" >>> delete Person.prototype.name true >>> p1.name undefined

　　每一个函数都有一个prototype属性，该属性是一个对象，可以让所有对象共享它所包含的属性和方法。

　　可以用hasOwnProperty()方法判断一个属性是存在于实例中，还是原型中。只有给定属性是存在于实例中，才会返回true：

>>> p1.hasOwnProperty("name") false >>> Person.prototype.name="protoName" "protoName" >>> p1.hasOwnProperty("name") false >>> p1.name="Nicholas" "Nicholas" >>> p1.hasOwnProperty("name") true

　　使用in操作符，只要通过实例可以访问给定属性，则返回true，无论该属性存在于实例中还是原型中。

>>> delete p1.name true >>> p1.hasOwnProperty("name") false >>> "name" in p1 true

 

　　使用最广泛、认同度最高的一种创建自定义类型的方法：组合使用构造函数模式和原型模式。

function Person(name,age,job){ this.name=name; this.age=age; this.job=job; } Person.prototype={ constructor:Person, sayName:function(){ alert(this.name); } };

　　重写prototype的操作要在创建实例之前执行，因为每个对象在创建后，里面会自动建立一个__proto__属性，指向该对象的原型对象。如果修改了prototype对象，该属性并不会自动同步更改。

Firebug 的日志已达上限。 0 条未显示。 首选项 >>> var p1=new Person("zhaoyi",23,"Student"); undefined >>> p1.sayName function() >>> p1.sayName() undefined >>> var p2=new Person("Nicholas",29,"Software Engineer"); undefined >>> p2.sayName() undefined >>> p2.sayName==p1.sayName true

　　动态原型模式：把所有信息都封装在构造函数中，而不用在调用构造函数后又初始化原型。

function Person(name,age,job){ this.name=name; this.age=age; this.job=job; //判断原型是否已经初始化 if(typeof this.sayName!="function"){ Person.prototype.sayName=function(){ alert(this.name); }; } }

　　判断原型是否初始化时，尽管原型可能会有很多的共享方法和属性，但只需要判断一个是否存在就可以了。另外，这里不能使用对象字面量重写原型，像上述所说的，这样会切断现有实例与新原型之间的联系。

　　调用方式如下：

>>> var p1=new Person("zhaoyi",23,"Student"); undefined >>> var p2=new Person("Nicholas",29,"Software Engineer") undefined >>> p1.sayName==p2.sayName true >>> p1.sayName() undefined >>> p2.age 29 >>> p2.sayName() undefined >>> p1 instanceof Object true >>> p1 instanceof Person true