Javascript中的对象和原型(二)

原创于 2013-08-29 16:53:46 发布 · 183 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

9 篇文章

订阅专栏

本文探讨了JavaScript中对象创建的不同方式，包括工厂模式和构造函数方法，对比了它们在代码复用性和实例识别方面的优劣。

上一篇中提到了JavaScript中对象的创建的一些基本操作，接下来讨论下继续讨论。

一工厂模式

我们知道，要创建一个对象我们可以用如下代码：

var user = new Object(); //使用new运算符创建一个对象 
user.name = '念在三角湖畔'; //给对象添加属性 
user.age = 22; 
user.address = '湖北武汉'; 
alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武汉'

用这样的方法创建对象比较简单直观，也是JavaScript种创建对象最基本的方法。但是这样就有一个问题，如果我们需要创建多个对象，那么我就得写很多重复的代码。比如我们想创建另一个对象user1，我们就得重新将上面的代码重新写一遍，这在实际开发过程中是不合适的，这样如果对象过多，代码量将大大增加。

为了解决这样的问题，我们可以使用一种叫做工厂模式的方法，这种方法就是为了解决实例化对象产生大量重复代码的问题。

function create(name, age) 
{ 　　
var obj = new Object();  　　
obj.name = name;  　　
obj.age = age; 　　
obj.run = function () { 　　　　
     return this.name +' '+ this.age; 　　
     }; 　　
return obj;
 } 
var obj1= create('ZXC', 10);    //第一个实例 
var obj2= create('CXZ', 20);    //第二个实例 
alert(obj1.run()); 
alert(obj1.run());

从上面的代码我们可以看出，工厂模式解决了实例化时代码大量重复的问题，但又出现了一个问题，那就是识别问题，我们根本无法弄清楚他们到底是哪个对象的实例。比如

alert(typeof obj1); //Object

alert(obj1 instanceof Object); //true

以上代码标明box1是Object对象，但是我们无法知道具体是哪一个对象创建的。

二构造函数(构造方法)

为了解决上面的问题，我们可以用构造方法去创建对象。构造函数和普通函数的唯一区别，就是调用的方式不同。但是，构造函数同样是函数。

function User(name, age) {   
 //构造函数模式 　　
this.name = name; 　　
this.age = age; 　　
this.run = function () { 　　　　
      return this.name  + ' '+this.age;