Javascript构造对象方式

工厂模式
var Person = function(name){
                var obj = new Object();
                obj.name = name;
                obj.fn = function(){console.log(this.name)};
                return obj;
            }
构造函数模式
var Person = function(name){
                this.name = name;
                this.fn = function(){console.log(this.name)};
            }

已这种方式创建会导致不同的作用域链和标示符解析,但创建的function新实例的机制仍然是相同的,不同实例上的同名函数是不相等的。

原型模式
var Person = function(name){
                Person.prototype.name = name;                
            }
            Person.prototype.sex = '男';
            Person.prototype.fn = function(){console.log(this.name)};
            Person.prototype = {
                //重写constructor,为了特殊对比 (obj.constructor == Person) true
                constructor:Person,//重写constructor会导致它的【[Enumerable]】特性被设置为true,默认false是不可枚举的
                age:22,
                hoby:['电竞游戏','睡觉']
            }
            window.MyApp = function(name){
                var p = new Person(name);
                return p;
            }
原型模式的问题
var p1 = new Person();
            var p2 = new Person();
            p1.hoby.push('手游');
            console.log(p1.hoby.join(',')); //电竞游戏,睡觉,手游
            console.log(p2.hoby.join(','));//电竞游戏,睡觉,手游
以上结果一样 
动态原型模式
var Person = function(name){
                this.name = name;       
                //动态添加属性
                if(typeof this.fn != "function"){
                    Person.prototype.fn = function(){console.log(this.name)};
                }         
            }
寄生构造函数模式
var SpecialArray = function(name){
                var array = new Array();
        array.push.apply(array,arguments);
        array.getArrays = function(){
            return this.join('|');
        }
        return array;       
            }

稳妥的构造函数模式
var Person = function(name){
        //除了fn能访问name没有其它途径访问name属性
                obj.fn = function(){console.log(name)};
                return obj;
            }


增强模式

(function () {
            var Person = function(name){
                var obj = new Object();
                obj.name = name;
                obj.fn = function(){console.log(this.name)};
                return obj;
            }
            window.MyApp = function(name){
                var p = new Person(name);
                return p;
            }
        }())
        var myApp = new MyApp("TEST");
        console.log(myApp.name);


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值