js 继承

作者: zhao_madman | 来源:发表于2023-04-05 21:49 被阅读0次

JavaScript中的继承可以通过以下几种方式实现

  1. 原型链继承:通过将子类的原型对象指向父类的实例来实现继承。
function Parent() {
  this.name = 'parent';
}

Parent.prototype.sayName = function() {
  console.log(this.name);
}

function Child() {}

Child.prototype = new Parent();

var child = new Child();
child.sayName(); // 'parent'
  1. 构造函数继承:通过在子类构造函数中调用父类构造函数来实现继承。
function Parent(name) {
  this.name = name;
}

Parent.prototype.sayName = function() {
  console.log(this.name);
}

function Child(name) {
  Parent.call(this, name);
}

var child = new Child('child');
child.sayName(); // 'child'
  1. 组合继承:将原型链继承和构造函数继承结合起来,既能继承父类的属性和方法,又能保留子类自己的属性和方法。
function Parent(name) {
  this.name = name;
}

Parent.prototype.sayName = function() {
  console.log(this.name);
}

function Child(name, age) {
  Parent.call(this, name);
  this.age = age;
}

Child.prototype = new Parent();
Child.prototype.constructor = Child;

Child.prototype.sayAge = function() {
  console.log(this.age);
}

var child = new Child('child', 10);
child.sayName(); // 'child'
child.sayAge(); // 10
  1. 原型式继承:通过创建一个临时的构造函数来实现继承。
function createObj(o) {
  function F() {}
  F.prototype = o;
  return new F();
}

var parent = {
  name: 'parent',
  sayName: function() {
    console.log(this.name);
  }
};

var child = createObj(parent);
child.sayName(); // 'parent'
  1. 寄生式继承:在原型式继承的基础上,增强对象,返回一个新的对象。

  2. 寄生组合式继承:在组合继承的基础上,使用寄生式继承来优化继承过程,避免重复调用父类构造函数。

相关文章

  • Js的继承

    js的继承 @(js)[继承, js, 前端] 组合继承是原性链继承和构造函数继承的合体,它汲取了二者各自的有点,...

  • JS继承

    JS中的继承 许多OO语言都支持两种继承方式:接口继承和实现继承; 因为JS中没有类和接口的概念 , 所以JS不支...

  • #js继承

    js继承的概念 js里常用的如下两种继承方式: 原型链继承(对象间的继承)类式继承(构造函数间的继承) 类式继承是...

  • js继承遇到的小问题

    这两天在看js继承方面,它不像OC那种传统的类继承。js继承方式还是挺多的。比如:原型继承、原型冒充、复制继承 原...

  • JS中继承的实现

    JS中继承的实现 #prototype (js原型(prototype)实现继承) 全局的Function对象没有...

  • js继承

    js继承js 继承-简书 原型链实现集继承 上面的代码实现原型链继承最重要的son.prototype=new f...

  • JavaScript 10

    js继承的概念 1.通过原型链方式实现继承(对象间的继承) 2.类式继承(构造函数间的继承) 由于js不像Java...

  • JS继承的实现的几种方式

    前言 JS作为面向对象的弱类型语言,继承也是非常强大的特性之一,那么如何在JS实现继承呢? JS继承的实现方式 既...

  • 2019-03-25 继承

    js中通过原型来实现继承 组合继承:原型继承+借用构造函数继承

  • 继承方式(6种)1.7

    JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一。那么如何在JS中实现继承呢?让我们拭目以待。 JS继承...

网友评论

      本文标题:js 继承

      本文链接:https://www.haomeiwen.com/subject/hzkyddtx.html