JavaScript创建对象

  虽然Object构造函数或字面量都可以用来创建单个对象,但这些方式有个明显的缺点:使用同一个接口创建多个对象的时候,会产生大量重复的代码。为解决这个问题,人们开始使用工厂模式的一种辩题。

1.工厂模式

工厂模式是软件工厂领域一种广为人知的设计模式,这种模式抽象了创建具体对象的过程。考虑到在ECMAScript中无法创建类,开发人员就创建了一种函数,用函数来封装以特定接口创建对象的细节,如下面的例子所示。

function createPerson(name,age,job){
	var o = new Object();
	o.name = name;
	o.age = age;
	o.job = job;
	o.sayName = function(){
		alert(this.name);
	};
	return o;
}
var person1 = creatPerson("Nicholas",29,"SofeWare Engineer");
var person2 = creatPerson("Greg",27,"Doctor");

函数creatPerson()能够根据接受的参数来构建一个包含所有必要信息的Person对象。可以无数次调用这个对象,而每次它都会返回一个包含三个属性一个方法的对象。工厂模式虽然解决了创建多个相似对象的问题,但却没有解决对象识别问题(即怎样知道一个对象的类型)。

2.构造函数模式

ECMAScript中的构造函数可用来创建特定类型的对象。像Object和Array这样的原生构造函数,在运行时会自动出现在执行环境中。此外,也可以创建自定义的构造函数,从而定义自定义对象类型的属性和方法。

</pre><p></p><pre name="code" class="javascript">function Person(name,age,job){
	this.name = name;
	this.age = age;
	this.job = job;
	this.sayName = function(){
		alert(this.name);
	};
}
var person1 = new Person("Nicholas",29,"Software Engineer");
var person2 = new Person("Grey",27,"Doctor");

在这个例子中,Person()函数取代了createPerson()函数。我们注意到,Person()中的代码除了与createPerson()中相同的部分外,还存在以下的不同之处:

a.没有显示地创建对象;

b.直接将属性和方法赋值给了this对象;

c.没有return语句。

此外,还应该注意到函数名Person使用的是首字母大写P。因为通常来说构造函数始终都是要以一个大写字母开头,而非构造函数则应该以一个小写字母开头。

要创建Person的新实例,必须使用new操作符。以这种方式调用构造函数实际上会经历以下4个步骤:

1.创建一个新对象;

2.将构造函数的作用域赋给新对象(因此this就指向了这个新对象);

3.执行构造函数中的代码;

4.返回新对象。

在上面例子的最后,person1和person2分别保存着Person的一个不同的实例。这两个对象都有一个constructor(构造函数)属性,该属性指向Person,如下所示:

alert(person1.construcotor == Person);    //true

alert(person2.construcotor == Person);    //true

对象的constructor属性最初是用来标识对象类型的。但是,提到检测对象类型,还是instanceof操作符更可靠一些。我们在这个例子中创建的所有对象既是Object的实例,也是Person的实例,这一点通过instanceof操作符可以得到验证。

alert(person1 instanceof Object);             //true

alert(person1 instanceof Person);   //true

alert(person2 instanceof Object);  //true

alert(person2 instanceof Person); //true

构造函数模式虽然好用,但是并非没有缺点。使用构造函数的主要问题就是每个实例上重新创建一遍。在前面的例子中,person1和person2都有一个名为sayName()的方法,但那两个方法不是一个Function的实例。

alert(person1.sayName == person2.sayName);     //false

3.原型模式

我们创建的每个函数都有一个prototype属性,这个属性就是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。如果按照字面意思来理解,那么prototype就是通过调用构造函数而创建的那个对象实例的原型对象。使用原型对象的好处是可以让所有对象实例共享它所包含的属性和方法。换句话说,不必在构造函数中定义对象实例的信息,而是可以将这些信息直接添加到原型对象中,如下面的例子所示。

function Person(){}
Person.prototype.name =  "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "Software Engineer";
Person.prototype.sayName = function(){
	alert(this.name);
};
var person1 = new Person();
person1.sayName();                 //"Nicholas"
var person2 = new Person();
person2.sayName();                //"Nicholas"
alert(person1.sayName == person2.sayName);       //true
在此,我们将sayName()方法和所有属性直接添加到Person的prototype属性中,构造函数变成了空函数。即使如此,也仍然可以通过调用构造函数来创建新对象,而且新对象还会具有相同的属性和方法。但与构造函数不同的是,新对象的这些属性和方法是由所有实例共享的。换句话说,person1和person2访问的都是同一组属性和同一个sayName()函数。

当然,原型函数又不是没有缺点。首先,它省略了为构造函数传递初始化参数这一环节,结果所有实例在默认情况下都将取得相同的属性值。这会在某种程度上带来一些不方便。另外因为其共享的本性,所以在一个实例上修改属性值,那么在其他属性上也会跟着被修改。实例一般都是要有属于自己的全部属性的。而这个问题正是我们很少看到有人单独使用原型模式的原因所在。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值