JavaScript面向对象之创建对象

JavaScript高级面向对象

我们常见的有两种方式去创建对象。第一种是通过new Object得到,

var person=new Object();
person.name="刘凯";
person.age=22;
person.say=function(){
//必须加this,指向person对象所定义的属性 
alert("我的名字叫:"+this.name+",我今年"+this.age+"岁了");
}
person.say();

第二种是json得到。

var person={
name:"刘凯",
age:22,
say:function(){
alert("我的名字叫:"+this.name+",我今年"+this.age+"岁了");
}
}
person.say();

虽然json的方式也可以定义对象,但是它和new Object一样存在了不能对象重用的缺陷,所以我们用 工厂模式 去定义一个对象,但是工厂模式无法判断得到的对象的类型,如typeof或instanceof来判断类型,仅仅得到了一个Object类型,所以就有了构造函数。
基于构造函数的定义的方式最大的好处除了对象重复使用外,就是让我们还可以判断他的类型。
function Person(name,age) {  
this.name = name;
  this.age = age;
  this.say = function() {  
 alert("我的名字是:"+this.name+",我今年"+this.age+"岁了");  } }  
var p1 = new Person("黄影影",15); 
p1.say(); //使用构造函数的好处就是可以使用instanceof来判断这个对象的类型了 
alert(p1 instanceof Person) 
say 方法在每个对象创建后都存在了一个方法拷贝(但是我们
发现代码在只有调用时,say 方法才会在堆中创建),这样就增加了内存的消耗了,如果在对象中有大量的方法时,内存的消耗就会高,这样不行了。 
 
原型模式:
原型是 js 中非常特殊一个对象,当一个函数创建之后,会随之就产生一个原型对象,当
通过这个函数的构造函数创建了一个具体的对象之后,在这个具体的对象中就会有一个属性指向原型。
 
常见的原型模式检测方式:
alert(person.prototype.isPrototypeOf(p1));alert(p1.constructor == Person);
alert(p1.hasOwnProperty("name")); 
alert(p2.hasOwnProperty("name")

 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值