JavaScript创建对象的常用方式总结

本文实例讲述了JavaScript创建对象的常用方式。分享给大家供大家参考，具体如下：

JS中没有类的概念，那么怎么创建对象呢？下面一一来细说！

传统的创建对象的方式：

1、创建Object的实例

var person = new Object();person.name = "Alice";person.age = 12;person.showName = function() { alert(this.name);};

2、对象字面量形式创建单个对象

var person = { name : "Alice"; age : 12; showName : function() {  alert(person.name); }};

创建对象的五种设计模式

1、工厂模式

虽然Object构造函数和对象字面量都可以用来创建单个对象，但这个方式有个明显的缺点：使用同一个接口创建很多对象，会产生大量重复的代码。为了解决这个问题，开始使用工厂模式。

function createPerson(name, age) { var obj = new Object(); obj.name = name; obj.age = age; obj.showName = function() {  alert(this.name); }; return obj;}var person1 = createPerson("Alice", 23);var person2 = createPerson("Bruce", 22);

2、构造函数模式

工厂模式虽然解决了创建多个相似对象的问题，但却没有解决对象识别的问题（即不知道对象的类型），于是，又出现了构造函数模式，自定义的构造函数意味着将来可以把它的实例识别为一种特定的类型。这是构造函数模式胜过工厂模式的地方。

function Person(name, age) { this.name = name; this.age = age; this.showName = function() {  alert(this.name); };}var person1 = new Person("Alice", 23);var person2 = new Person("Bruce", 22);

构造函数模式与工厂模式的不同之处在于：

1）没有显式地创建对象；

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

3）没有return语句

构造函数的问题：每个方法都要在每个实例上重新创建一遍。由于JavaScript中的函数是对象，每定义一个函数，就是实例化了一个Funtion对象，因此，使用构造函数创建的每个实例都有一个名为showName()的方法，但这些方法不是同一个Function的实例。不同实例上的同名函数是不相等的，因此person1.showName == person2.showName返回false。

可以通过把函数定义转移到构造函数外部来解决这个问题，如下：

function Person(name,age,job) { this.name = name; this.age = age; this.showName = showName;}function showName(){ alert(this.name);}var person1 = new Person("Alice", 23);var person2 = new Person("Bruce", 22);

这样虽然解决了方法多次创建问题，但又出现了新的问题：

（1）在全局作用域中定义的函数实际上只能被某个对象调用，这让全局作用域名不副实。

（2）如果对象需要定义很多方法，那么就需要定义很多个全局函数，那么就毫无封装性可言了。