js高级之对象构造模式

1》Object构造函数模式

             1>套路：先创建空Object对象，在动态添加属性/方法

              2>适用场景：起始时不确定对象内部数据

              3>问题：语句太多

<script>
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)//Jack 12
</script>

2》对象字面量模式

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

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

       3>问题：如果创建多个对象，会造成代码重复

<script>
var p={
    name:'Tom',
    age:12,
    setName:function(name){
     this.name=name
    }
}

console.log(p.name,p.age);//Tom 12
p.setName('kiss');
console.log(p.name,p.age);//kiss 12

</script>

3》工厂模式

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

       2>适用场景：需要创建多个对象

       3>问题：对象没有一个具体的类型，都是Object类型

<script>
function createPerson(name,age){//返回一一个对象的函数====》工厂函数
        var obj={
            name:name,
            age:age,
            setName:function(name){
                this.name=name
            }
        }
    return obj
}

//创建两个对象
var p1=new createPerson('Tom',12);
var p2=new createPerson('Bob',13);
console.log(p1.name,p1.age,p2.name,p2.age);//Tom 12 Bob 13
//当前p1,p2都是Object类型


function createStudent(name,price){
        var obj={
            name:name,
            price:price
        }
    return obj
}
var s=new createStudent();
//s也是object类型，对象没有一个具体的类型

</script>

4》自定义构造函数模式

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

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

   3>问题：每个对象都有相同的数据，浪费内存

<script>
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);//Jack 12
console.log(p1 instanceof Person);//true


function Student(name,price){
    this.name=name;
    this.price=price;
}
var s=new Student('Bob',1200);
console.log(s instanceof Student);//true
</script>

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

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

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

<script>
function Person(name,age){
    this.name=name;
    this.age=age;
}
Person.prototype.setName=function(name){
    this.name=name;
}
var p1=new Person('Tom',12);
var p2=new Person('Bob',13);
console.log(p1,p2);
</script>

常见的5种对象创建模式就是这些，以前看红宝石书的时候晕晕乎乎不太懂，今天又学了一边，感觉明白了，就总结一下，欢迎各位道友批评指正