JavaScript面向对象设计二——构造函数模式

在javascript面向对象设计一——工厂模式 中介绍了使用createemployee()函数创建员工类。ecmascript中的构造函数可以用来创建特定类型的对象,如object和array这样的原生构造函数,在运行时会自动出现在执行环境中,此外也可以创建自定义的构造函数,从而创建自定义对象类型的属性和方法。我们将使用构造函数模式将工厂模式进行改写。

function employee(name, age, job) {

this.name = name;

this.age = age;

this.job = job;

this.sayname = function () {

alert(this.name);

};

}

var jim = new employee("jim", 22, "software engineer");

var sun = new employee("sun", 24, "doctor");

jim.sayname();

sun.sayname();

在以上代码中employee函数取代了createemployee函数,employee中的代码与createemployee中的代码不同如下:

没有显示的创建对象

直接将属性和方法赋给了this对象

没有return语句

要创建employee类的新实例,必须使用new操作符,实际会经历四个步骤:

创建一个新对象

将构造函数的作用域赋给新的对象

执行构造函数中代码

返回新对象

以上代码最后jim和sun中分别保存着employee的两个不同实例,这两个实例都有一个constructor(构造函数)属性,该属性指向employee,可以做如下测试

alert(jim instanceof employee); //true

alert(sun instanceof employee);//true

同时这两个对象又都是object类型的,可通过如下代码检测。

alert(jim instanceof object); //true

alert(sun instanceof object);//true

创建自定义的构造函数意味着将来可以把它的实例标石为一种特定的类型,而这也正是构造函数模式胜过工厂模式的地方。

下面详细讲解一下构造函数:

将构造函数当做函数

构造函数与其他函数的唯一区别就在于调用它们的方式不同。但是构造函数也是函数,不存在定义构造函数的特殊语法。其实,任何函数,只有通过new来调用,那他就可以作为构造函数,例如,employee除了以上用new方法调用外,还可以用如下方式来调用。

//作为普通函数调用

employee("sun", 28, "software engineer"); //添加到window中

window.sayname();//sun

//在另一个对象的作用域中调用

var o = new object();

employee.call(o, "sun", 28, "software engineer");

o.sayname();//sum

构造函数的问题

使用构造函数的主要问题就是都要在每个实力上重新创建一遍,以上两个对象中的sayname方法其实是不同的function的实例,可以用如下方法证明:

alert(jim.sayname == sun.sayname);//false

但是创建两个完成同样任务的function实例,所以我们对上面的函数进行改写,如下

function employee(name, age, job) {

this.name = name;

this.age = age;

this.job = job;

this.sayname =sayname;

}

function sayname() {

alert(this.name);

}

这样就解决了两个函数做同一件事情的问题,但是新的问题又会出现了,这个在全局作用域中定义的函数,实际上只能被某个对象引用,而且最要命的问题是,如果对象需要定义很多方法,那么就需要定义很多个全局函数,所以这个自定义的引用类型,就没有任何封装性可言了.

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/