子对象的属性和方法,继承可以提高代码的复用性

   就是子对象自动拥有父对象的属性和方法,继承可以提高代码的复用性。 JS里的继承主要依靠是的原型链。让原型对象(每一个构造函数都有一个原型对象)的值js 原型链,等于另一个类型实例,即实现了继承;另外一个类型的原型再指向第三个类型的实例,以此类推,也就形成了一个原型链

   function Animal(newName,newAge){

  1. this.name = newName;
  2. this.age = newAge;
  3. }
  4. Animal.prototype.eat = function(str){
  5. console.log(this.name + "吃" + str);
  6. }
  7. function Person(newId){
  8. this.id = newId;
  9. }
  10. Person.prototype = new Animal("老王",18);
  11. let p1 = new Person("007");
  12. console.log(p1.name,p1.age,p1.id);
  13. p1.name = "小明";
  14. p1.eat("米饭");
  15. let p2 = new Person("008");
  16. console.log(p2.name,p2.age,p2.id);
  17. p1.name = "大明";
  18. p1.eat("水果");

   console.log(p1 instanceof Person);

  1. console.log(p2 instanceof Person);

  原型链继承

  让子对象的原型指向父对象的实例,父对象的原型指向爷爷对象的实例js 原型链,依次类推,就形成了原型链

   function Animal(newAge){

  1. this.age = newAge;
  2. }
  3. Animal.prototype.eat = function(){
  4. console.log("Animal.eat");
  5. }
  6. function Person(newId){
  7. this.id = newId;
  8. }
  9. Person.prototype = new Animal(18);
  10. Person.prototype.study = function(){
  11. console.log("Person.study");
  12. }
  13. function Pupli(newTall){
  14. this.tall = newTall;
  15. }
  16. Pupli.prototype = new Person("007");
  17. Pupli.prototype.play = function(){
  18. console.log("Pupli.play");
  19. }
  20. let pu = new Pupli(140);
  21. console.log(pu.age,pu.id,pu.tall);
  22. pu.eat();
  23. pu.study();
  24. pu.play();

  注意事项: 1. 先定义原型继承关系,再添加子类的自定义方法或属性(原型的属性,即共享的属性和方法要在原型继承关系确立后,再定义)。 2. 利用原型链继承,给子类添加原型方法时,不可以重写prototype

   function Animal(newAge){

  1. this.age = newAge;
  2. }
  3. function Person(newId){
  4. this.id = newId;
  5. }
  6. Person.prototype.eat = function(){
  7. console.log("Person eat");
  8. }
  9. Person.prototype = new Animal(15);
  10. let p = new Person("007");
  11. console.log(p.id);
  12. p.eat();

  缺点: 1. 被继承的类型(父类)里包括引用类型的属性的时候,它会被所有实例共享其值 2. 创建子类型的实例时,没法传参给被继承类型。

文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/1817
0 评论
757

发表评论

!