javascript中用来定义引用类型的一种"默认"模式

本文详细解析了如何将构造函数模式和原型模式结合起来使用,旨在为开发者提供一种定义引用类型的标准模式。通过代码示例,展示了构造函数模式用于定义实例属性,而原型模式则用于定义方法和共享属性。同时,文章讨论了原型模式在引用类型属性上的缺点,并对比了构造函数模式的内存消耗问题。
//        终极版:组合使用构造函数模式和原型模式:*****************************
//        评价:集构造函数模式和原型模式之大成:    用来定义引用类型的一种默认模式
        function Person(name, age, job){   //构造函数用来定义实例属性
            this.name = name;
            this.age = age;
            this.job = job;
            this.friends = ["Shelby","Court"];
        }

        Person.prototype = {   //原型属性用来定义方法和共享属性
            constructor: Person,
            sayName: function(){
                alert(this.name);
            }
        }

        var person1 = new Person("Nicolas",29,"SoftWare Engineer");
        var person2 = new Person("Greg",27,"Doctor");

        person1.friends.push("Van");
        alert(person1.friends);
        alert(person2.friends);

        alert(person1.friends === person2.friends);
        alert(person1.sayName === person2.sayName);

组合使用构造函数模式以及原型模式:

  如上代码所示,构造函数模式用来定义实例属性;而原型模式用来定义方法和共享属性。  其好处在于,这会使得每一个实例都会有自己的一份实例属性的副本,同时又共享着对方法使用。

原型模式的缺点:对于包含引用类型属性的类型来说,当每一个实例化的对象的说,各个对象的引用属性的比较将是变态的。

Person.prototype = {
            constructor: Person,
            name: "Nicholas",
            age: 29,
            job: "Software Engineer",
            friends: ["Shelby","Court"],
            sayName: function(){
                alert(this.name);
            }
        };

        var person1 = new Person();
        var person2 = new Person();

        person1.friends.push("Van");

        alert(person1.friends);
        alert(person2.friends);
        alert(person1.friends === person2.friends);//true

 

最后一行,在堆person1以及person2的friends属性进行相等比对的时候,返回了近乎完美的true   这是与程序的设计初衷相背的。

对于构造函数模式:

  每一次我实例化一个对象时,其中的方法也会被实例化一次(ECMAScript中函数也是对象),而这种行为所造成的结果,创建两个完成同样任务的方法时完全没有必要的,特别是当对象new多了的时候,非常的恐怖哈!!

转载于:https://www.cnblogs.com/Frank-C/p/4817865.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值