对象-继承

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
原型链继承的优点是简单易用,可以继承父类的所有属性和方法。但是如果修改子类的原型对象,父类的实例对象也会受到影响,并且无法向父类的构造函数传递参数。
  • 构造函数继承

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

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中实现继承的常见方法和示例可以选择适合的继承方式来实现对象的继承
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值