构造函数中用this和prototype定义属性或函数方法的区别

this定义的方式,实例化之后是让每一个实例化对象都有一份属于自己的在构造函数中的对象或者函数方法,而prototype定义的方式,实例化之后每个实例化对象共同拥有一份构造函数中的对象或者函数方法。

下面看下代码:

this:

function Obj(){
                this.a=[]; //实例变量
                this.fn=function(){ //实例方法

                }
            }

            var o1=new Obj();
            o1.a.push(1);
            o1.fn={};
            console.log(o1.a); //[1]
            console.log(typeof o1.fn); //object
            var o2=new Obj();
            console.log(o2.a); //[]
            console.log(typeof o2.fn); //function

这里o2.a和o1.a的值不相同

prototype:

function Person(name){
            Person.prototype.share=[];
            }

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

            person1.share.push(1);
            person2.share.push(2);
            console.log(person2.share); //[1,2]

而这里是两个实例对象对同一方法进行执行

最后,一般而言,用this来定义构造函数的属性较多,用prototype定义构造函数的方法较多,因为属性较于方法来说使用频率更高。你想一想如果每次实例化对象都要执行定义的方法,那对于内存来说岂不是一种浪费

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值