对象创建的各种模式及简单分析

对象创建的五种模式

• Object构造函数模式
• 对象字面量模式
• 工厂模式
• 自定义构造函数模式
• 构造函数+原型的组合模式

Object构造函数模式

    //创建一个空的Object对象
    var p = new Object();
    p = {};     //此时内部数据是不确定的时候

    /*  再动态添加属性/方法  */
    p.name = 'Tom';
    p.age = 12;
    p.setName = function (name,age){
        this.name = name;
        this.age = age;
    }

    //测试
    console.log(p.name,p.age);
    p.setName('Bob','99');
    console.log(p.name,p.age);
    

套路：先创建空Object对象，再动态添加属性/方法
适用场景：起始时不确定对象内部数据
问题：语句太多

对象字面量模式

    var p = {
        name:'Tom',
        age:12,
        setNmae: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,
        setNmae:function (name){
            this.name = name;
        }
    }
    

套路：使用{}创建对象，同时指定 属性/方法
适用场景：起始时对象内部数据是确定的
问题：如果创建多个对象，有重复代码

比较：在只创建一个对象的情况下，可以使用此方法，可解决方式一的缺陷，当多个对象的情况下不推荐

工厂模式

    function createPerson(name,age){
        var obj = {
            name:name,
            age:age,
            setName:function (name){
                this.name = name;
            }
        };
        return obj;
    }

    //创建多个人
    var p1 = createPerson('Tom',12);
    var p2 = createPerson('Bob',18);

    //以上创建的多个人，如p1,p2都是Object类型
    function createStudent(name,price){
        var obj = {
            name:name,
            price:price
        }
        return obj;
    }
    var s = createStudent('张三',14000);
    //这里的s也是Object类型，所以这就是工厂函数的缺点

套路：通过工厂函数动态创建对象并返回
适用场景：需要创建多个对象时
问题：对象没有一个具体的类型，都Object类型

比较：几个方式中不太常用的方式，创建多个对象且不意类型的情况下适用，只创建一个对象的时候，不推荐

自定义构造函数模式

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);
    console.log(p1 instanceof Person);

    function Student(name,price){
        this.name = name;
        this.price = price;
    }
    var s = new Student('Bob',12000);
    console.log(s instanceof Student);

    var p2 = new Person ('Jack',23);
    console.log(p1,p2);

套路：自定义构造函数，通过new创建对象
适用场景：需要创建多个类型确定的对象
问题：每个对象内都有相同的数据（属性或方法），浪费内存

比较：此方法良好，当创建多个对象，且每个对象中的属性(方法)各不相同适用；当创建多个对象，但内部属性（方法）多数相同时，不推荐

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

    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',55);
    console.log(p1,p2);

套路：自定义构造函数，属性在函数中初始化，方法添加到原型上
适用场景：需要创建多个类型确定的对象

比较：创建多个对象时，有些对象内的属性（方法）有相同的情况下，可适用,但属性全不相同时，可用方式四解决