您的位置:首页 > 其它

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

2017-08-18 18:09 459 查看
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定义构造函数的方法较多,因为属性较于方法来说使用频率更高。你想一想如果每次实例化对象都要执行定义的方法,那对于内存来说岂不是一种浪费
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  函数 实例 对象