js之对象创建模式

方式1：Object构造函数模式

　　套路：先创建空的Object对象，在动态的添加属性、函数

　　场景：起始是不知道对象内部的数据

　　问题：语句太多

　　var p = new Object()

　　p.name = ‘gyf’

　　p.age = 12

　　p.setName=function(name){

　　　　this.name = name

　　}

方式2：对象字面量模式

　　套路：使用{}创建对象，同时指定属性和方法

　　场景：起始时对象内部的数据是确定的

　　问题：如果创建多个对象，有重复代码

　　var p = {

　　　　name: 'gyf'

　　　　age: 12

　　　　setName: function (name) {

　　　　　　this.name = name

　　　　}

　　}

方式3：工厂模式

　　套路：通过工厂函数动态创建对象并返回

　　场景：需要创建多个对象

　　问题：对象没有一个具体的类型（人，学生，狗），没有确切的特性，都是Object类型

　　function createObj (name, age) { // 返回一个对象的函数===>工厂函数

　　　　var obj = {　　

　　　　　　name: name

　　　　　　age: age

　　　　　　setName: function (name) {

　　　　　　　　this.name = name

　　　　　　}

　　　　}

　　　　return obj

　　}

方式4：自定义构造函数模式

　　套路：自定义构造函数，通过new创建对象

　　场景：需要创建多个类型具体（具备共性）的对象

　　问题：每个对象都有相同的数据，浪费内存(函数相同，但是多个函数对象)

　　function Person (name, age) {

　　　　this.name = name

　　　　this.age = age

　　　　this.setName = function (name) {

　　　　　　this.name = name

　　　　}

　　}

 

方式5：构造函数+原型的组合模式

　　套路：自定义构造函数，属性在函数中初始化，方法添加在原型上

　　场景：需要创建多个类型确定的对象

　　function Person (name, age) {

　　　　this.name = name

　　　　this.age = age

　　}

　　Person.prototype.setName = function (name) {

　　　　this.name = name

　　}　　

 　　用法和方式4相同

注意：并不是最后一种方式最好，使用的时候按照具体的需求场景自定