JavaScript之自定义类型
2024-05-06 14:22:02
供稿：网友
1、直接创建模式。这是最简单也是最直接的一种模式，首先创建一个引用类型的对象，然后为其添加自定义属性和方法。示例代码如下：
代码如下:
var person = new Object();
person.name = "Sam";
person.age = 16;
person.speak = function(){
alert(this.name + "is " + this.age + "years old");
}
person.speak();
可以看到，上面创建了一个Object类型的对象，然后为其添加了name和age属性以及一个speak方法。直接创建模式虽然简单，但其缺点是显而易见的：当我们需要创建许多相同的对象时，每次都要重复编写代码。为了解决这个问题，我们可以将创建对象的过程进行封装，于是便有了下面的工厂模式。
2、工厂模式。工厂模式是程序设计中一种常用的设计模式，它主要是将创建对象的过程进行了封装，示例代码如下：
代码如下:
function createPerson(name, age){
var person = new Object();
person.name = name;
person.age = age;
person.speak = function(){
alert(this.name + "is " + this.age + "years old");
}
return person;
}
var person1 = createPerson("Sam", 16);
var person2 = createPerson("Jack", 18);
使用工厂模式后，创建相同类型的对象变得简单了。但工厂模式没有解决对象识别的问题，即我们无法确定创建的对象的具体类型。有过面向对象编程经验的开发人员都知道，对象的创建应当基于类，有了具体的自定义类，再来创建该类的对象。幸好，在JavaScript中，我们可以通过构造函数模式来模拟一个类。
3、构造函数模式。构造函数和普通函数没有任何区别。任何普通函数都可以作为构造函数，只要使用new操作符即可；任何构造函数也都可以作为普通函数来调用。只不过在JavaScript中，有一个约定，就是用作构造函数的函数名需要首字母大写。示例代码如下：
代码如下:
function Person(name, age){
this.name = name;
this.age = age;
this.speak = function(){
alert(this.name + "is " + this.age + "years old");
}
}
var person1 = new Person("Sam", 16);
var person2 = new Person("Jack", 18);
可以看到，在构造函数内部，我们使用了this来添加属性和方法，那么，这个this是指什么呢？当我们创建了一个Person的对象时，this即是指这个创建的对象。现在，我们可以识别出对象person1和person2的具体类型了。使用alert(person1 instanceOf Person)后可以发现，输出的值为true。但构造函数模式也有自己的缺点，就是构造函数内声明的方法在每次创建新对象时都会重新创建（在JavaScript中，函数也是对象）。也就是说，构造函数内的方法是与对象绑定的，而不是与类绑定的。下面代码的输出可以验证我们的推断。
alert(person1.speak == person2.speak); // false 解决这个缺点的一种比较简单的方法就是将函数的声明放到构造函数的外面，即：
