JS使用原型和构造函数生成对象有什么区别呢?

1.构造函数内定义的属性继承方式与原型不同,子对象需要显示调用父对象才能继承构造函数内定义的属性
2.构造函数内定义的任何属性,包括函数在内都会被重复创建,同一个构造函数产生的两个对象不能共享实例。
3.构造函数内定义的函数有运行时的开销,因为构造函数内的局部变量对其中定义的函数来说也是可见的。

下面代码能够验证以上问题

function Foo(){
	var innerVar = 'hello';
	this.prop1 = 'zwy';
	this.func1 = function(){
		innerVar = '';
	}
}

Foo.propertype.prop2 = 'Carbo';
Foo.propertype.func2 = function(){
	console.log(this.prop2);
};

var foo1 = new Foo();
var foo2 = new Foo();

console.log(foo1.func1 == foo2.func1)    //false
console.log(foo2.func2 == foo2.func2)    //true	

什么时候使用构造函数内定义和创建属性呢?
1.除非必要用构造函数闭包,否则尽量用原型定义成员函数,因为这样可以减小开销。
2。尽量在构造函数中定义一般成员,尤其是对象和数组,因为原型定义的成员是多个实例共享的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值