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

   function Animal(newName,newAge){

this.name = newName;
this.age = newAge;
  }
  Animal.prototype.eat = function(str){
console.log(this.name + "吃" + str);
  }
  function Person(newId){
this.id = newId;
  }
  Person.prototype = new Animal("老王",18);
  let p1 = new Person("007");
  console.log(p1.name,p1.age,p1.id);
  p1.name = "小明";
  p1.eat("米饭");
  let p2 = new Person("008");
  console.log(p2.name,p2.age,p2.id);
  p1.name = "大明";
  p1.eat("水果");

   console.log(p1 instanceof Person);

 console.log(p2 instanceof Person);

  原型链继承

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

   function Animal(newAge){

this.age = newAge;
  }
  Animal.prototype.eat = function(){
console.log("Animal.eat");
  }
  function Person(newId){
this.id = newId;
  }
  Person.prototype = new Animal(18);
  Person.prototype.study = function(){
console.log("Person.study");
  }
  function Pupli(newTall){
this.tall = newTall;
  }
  Pupli.prototype = new Person("007");
  Pupli.prototype.play = function(){
console.log("Pupli.play");
  }
  
  let pu = new Pupli(140);
  console.log(pu.age,pu.id,pu.tall);
  pu.eat();
  pu.study();
  pu.play();

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

   function Animal(newAge){

this.age = newAge;
  }
  function Person(newId){
this.id = newId;
  }
  Person.prototype.eat = function(){
console.log("Person eat");
  }
  Person.prototype = new Animal(15);
  
  let p = new Person("007");
  console.log(p.id);
  p.eat();

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

TAGS:实例 对象 继承 原型 js 原型链 js原型链最上层对象是 js原型链和构造函数 类型
!如链接失效请在下方留言。本站所有资源均来源于网络,版权属于原作者!仅供学习参考,本站不对您的使用负任何责任。如果有侵权之处请第一时间联系我们删除,敬请谅解!