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)
var p1 = new Person("黄影影",15);
p1.say(); //使用构造函数的好处就是可以使用instanceof来判断这个对象的类型了
alert(p1 instanceof Person)
say 方法在每个对象创建后都存在了一个方法拷贝(但是我们
发现代码在只有调用时,say 方法才会在堆中创建),这样就增加了内存的消耗了,如果在对象中有大量的方法时,内存的消耗就会高,这样不行了。
发现代码在只有调用时,say 方法才会在堆中创建),这样就增加了内存的消耗了,如果在对象中有大量的方法时,内存的消耗就会高,这样不行了。
原型模式:
原型是 js 中非常特殊一个对象,当一个函数创建之后,会随之就产生一个原型对象,当
通过这个函数的构造函数创建了一个具体的对象之后,在这个具体的对象中就会有一个属性指向原型。
通过这个函数的构造函数创建了一个具体的对象之后,在这个具体的对象中就会有一个属性指向原型。
常见的原型模式检测方式:
alert(person.prototype.isPrototypeOf(p1));alert(p1.constructor == Person);
alert(p1.hasOwnProperty("name"));
alert(p2.hasOwnProperty("name")
alert(p2.hasOwnProperty("name")