js oop学习笔记

翻书的时候翻到js oop，正好之前没有系统学习过，再复习一下，代码仅供参考学习

<script type="text/javascript">
Animal=function(tail){
 this.tail=tail;
}
Animal.prototype={
  happy:function(){
   alert(this.tail+" 动物很高兴");//这里注意 由于构造器传递的参数在this作用域 如果不写this 无法获取到tail属性
  },
  eat:function(){
   alert("动物吃东西");
  },
  run:function(){
   alert("动物跑得快");
  }
};
Animal.prototype.constructor=Animal;//设置构造器
var animal=new Animal("有尾巴");
alert(animal.tail);
animal.run();
animal.happy();
</script

 

下面演示了delete关键字和重置构造器的用法

<script>

Animal=function(tail){
 this.tail=tail || "动物的尾巴";
}
Animal.prototype={
  happy:function(){
   alert("动物很高兴 "+this.tail);
  },
  run:function(){
   alert("动物在跑");
  }
};
Animal.prototype.constructor=Animal;
Person=function(name){
 this.name=name;
}
Person.prototype=new Animal();//在这里 person的constructor被覆盖掉了 alert p.constructor得到的是animal的构造器
Person.prototype.constructor=Person; //上面覆盖了constructor 这里再覆盖回来 但是只覆盖构造器
var p=new Person("xiao li");
alert(p.name+p.tail);
delete Person.prototype.tail; //这里吧tail属性去掉了 所以下面用到tail的话 都是undefined
alert("剪掉了 "+p.tail);
p.run();
p.happy();
alert(p.constructor);//这样弹出的就是person的构造器了
</script>

 

对象冒充 也就是call方法的用法：

<script>

Animal=function(tail){
 this.tail=tail || "动物";
}
Animal.prototype={
  happy:function(){
   alert("happy");
  }
};
Animal.prototype.constructor=Animal;
Person=function(name){
 this.name=name;
 Animal.call(this); //这里继承了Animal的所有this下的属性 方法不会被继承
 alert(this.tail);
 //delete this.tail; //可以删除掉其中不需要的属性
}
var p=new Person("aaaa");
alert(p.name+" "+p.tail);

</script>