对象创立模式
Object 构造函数模式
- 套路:先创立空 Object 对象,再动静增加属性 / 办法
- 应用场景:起始时不确定对象外部数据
- 问题:语句太多
var p = new Object()
p.name = 'Tom'
p.age = 12
p.setName = function (name){this.name = name}
p.setName('JACK')
console.log(p.name,p.age)
对象字面量模式
- 套路:应用 {} 创建对象,同时指定属性 / 办法
- 实用场景:起始时对象外部数据是确定的
-
问题:如果创立多个对象,有反复代码
var p = { name:'TOM' age:'12' setName:function(name){this.name=name} } console.log(p.name,p.age) p.setName('jack') console.log(p.name,p.age) var p2={ name:'BOB' age:'13' setName:function(name){this.name = name} }
工厂模式
- 套路:通过工厂函数动静创建对象并返回
- 实用场景:须要创立多个对象
- 问题:对象没有一个具体的类型,都是 Object 类型
function creatPerson(name,age){ // 返回一个对象的函数 ==> 工厂函数
var obj={
name:name,
age:age,
setName:function (name){this.name = name}
}
return obj
}
// 创立 2 集体
var p1 = creatPerson('TOM',12)
var p2 = creatPerson('BOB',13)
//p1,p2 是 Object 类型
function creatStudent(name,price){
var obj = {
name:name,
price:price
}
return obj
}
var s = creatStudent('张三',12000)
自定义构造函数模式
- 套路:自定义构造函数,通过 new 创建对象
- 实用场景:须要创立多个类型确定的对象
-
问题:每个对象都有雷同的数据,节约内存
// 定义类型 function Person(name,age){ this.name = name this.age = age this.setName = function(name){this.name = name} } var p1 = new Person('TOM',12) p1.setName('JACK') console.log(p1.name,p1.age) function Student(name,price){ this.name = name this.price = price } var s = new Student('BOB',13000) console.log(s instanceof Student) var p2 = new Person('JACK',23) console.log(p1,p2)
构造函数 + 原型的组合模式
- 套路:自定义构造函数,属性在函数中初始化,办法增加到原型上
-
实用场景:须要创立多个类型确定的对象
function Person(name,age){ this.name = name this.age = age } Person.prototype.setName = function (name){this.name = name} var p1 = new Person('TOM',23) var p2 = new Person('JACK',24) console.log(p1,p2)