对象-继承

LiuKang
82 阅读4分钟

JavaScript继承方法

JavaScript是一种基于原型的语言，所有的对象都具有一个原型对象，并从中继承属性和方法。通过继承，我们可以创建新的对象，这些对象可以继承现有的对象的属性和方法，并且还可以增加、修改或重写这些属性和方法。

实现继承的常见方法：

  • 原型链继承

原型链继承是基于JavaScript中的原型链的特性实现的继承方式。在原型链继承中，子类的原型对象将指向父类的实例对象，从而实现继承父类的属性和方法。

function Parent() {
  this.name = 'Parent';
}

Parent.prototype.sayHello = function() {
  console.log('Hello, I am ' + this.name);
};

function Child() {
  this.name = 'Child';
}

Child.prototype = new Parent();

var child = new Child();
child.sayHello(); // 输出：Hello, I am Child
原型链继承的优点是简单易用，可以继承父类的所有属性和方法。但是如果修改子类的原型对象，父类的实例对象也会受到影响，并且无法向父类的构造函数传递参数。

  • 构造函数继承

构造函数继承是通过调用父类的构造函数来继承父类的属性和方法。在构造函数继承中，使用call或apply方法来调用父类的构造函数，并将子类的实例对象绑定到父类的属性和方法中。

function Parent(name) {
  this.name = name;
}

Parent.prototype.sayHello = function() {
  console.log('Hello, I am ' + this.name);
};

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

var child = new Child('Child');
child.sayHello(); // 输出：Hello, I am Child
构造函数继承的优点是可以向父类的构造函数传递参数，并且可以避免修改父类原型对象而影响其他实例对象。但是它无法继承父类原型对象上的方法。

  • 组合继承

组合继承是将原型链继承和构造函数继承结合起来使用的一种继承方式。在组合继承中，子类通过调用父类的构造函数来继承父类的属性，同时将子类的原型对象指向父类的实例对象，从而继承父类的方法。

function Parent(name) {
  this.name = name;
}

Parent.prototype.sayHello = function() {
  console.log('Hello, I am ' + this.name);
};

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

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

var child = new Child('Child');
child.sayHello(); // 输出：Hello, I am Child

组合继承的优点是既可以继承父类的属性和方法，又可以向父类的构造函数传递参数，并且避免了父类原型对象的修改问题。但是它会调用两次父类的构造函数，一次是在创建子类实例对象时，一次是在将子类的原型对象指向父类实例对象时。

  • 原型式继承

原型式继承是通过创建一个临时的构造函数来实现的继承方式。在原型式继承中，使用一个空对象作为中介，将父类的实例对象作为该空对象的原型对象，并返回该空对象。

function createObject(proto) {
  function F() {}
  F.prototype = proto;
  return new F();
}

var parent = {
  name: 'Parent',
  sayHello: function() {
    console.log('Hello, I am ' + this.name);
  }
};

var child = createObject(parent);
child.name = 'Child';
child.sayHello(); // 输出：Hello, I am Child

原型式继承的优点是可以继承父类的属性和方法，并且可以在创建子类实例对象的同时修改属性值。但是它和原型链继承一样，所有子类实例对象之间共享父类的属性和方法。

  • 寄生式继承

寄生式继承是对原型式继承的一种增强，它在原型式继承的基础上增加了对父类构造函数的调用。在寄生式继承中，可以在新创建的子类实例对象上添加一些新的属性和方法。

function createObject(proto) {
  function F() {}
  F.prototype = proto;
  return new F();
}

function Child(name) {
  var child = createObject(parent);
  child.name = name;
  child.sayHello = function() {
    console.log('Hello, I am ' + this.name);
  };
  return child;
}

var parent = {
  name: 'Parent',
  sayHello: function() {
    console.log('Hello, I am ' + this.name);
  }
};

var child = Child('Child');
child.sayHello(); // 输出：Hello, I am Child
寄生式继承的优点是可以在创建子类实例对象时增加一些新的属性和方法，并且可以向父类的构造函数传递参数。但是它和构造函数继承一样，无法继承父类原型对象上的方法。
以上是JavaScript中实现继承的常见方法和示例可以选择适合的继承方式来实现对象的继承
avatar
文章
阅读
粉丝