JS中创建对象的多种模式

 

  1. 工厂模式:(缺点:无法知道一个函数的类型

    function createPerson(name,age){
        var o=new Object();
        o.name=name;
        o.age=age;
        o.sayName=function(){
            alert(this.name);
        }
        return o;
    }
    var person1=createPerson('andy',11);
  2. 构造函数模式(优点:没有显式创建对象,this会指向新对象,直接将属性和方法赋给this

    function Person(name,age){
        this.name=name;
        this.age=age;
        this.sayName=function(){
            alert(this.name);
        }
    }
    var person1=new Person('andy',11);
  3. 原型模式

    function person(){}
    Person.prototype.name='Frank';
    Person.prototype.sayName=function(){
        alert(this.name);
    }
    var person1=new Person();
    var person2=new Person();
    //此时person1和person2访问的都是同一组属性和方法
  4. 构造函数模式组合原型模式

    function Person(name,age){
        this.name=name;
        this.age=age;
    }
    Person.prototype={
        constructor:Person,
        sayName(){
            alert(this.name);
        }
    }
  5. 动态原型模式

    function Person(name,age){
        this.name=name;
        this.age=age;
        if(typeof this.sayname!='function'){
            Person.prototype.sayName=function(){
                alert(this.name);
            }
        }
    }
  6. 寄生构造函数模式

    function Person(name,age){
        var o=new Object();
        o.name=name;
        o.age=age;
        o.sayName=function(){
            alert(this.name);
        }
        return o;
    }
    var friend=new Person('Frank',11);
    //创建的friend除了sayName外没有其他方式访问name
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值