JS的继承方式

努力不熬夜的小喵

已于 2022-09-15 13:51:40 修改

阅读量111

点赞数

文章标签： javascript 前端开发语言

于 2022-09-15 13:50:45 首次发布

本文链接：https://blog.csdn.net/qq_43569680/article/details/126869716

版权

JS的常见继承方式

ES6的继承

class Parent {
  this.age = 18; 
}
class Child extends Parent{
  super();
  this.name = 'son';
}
let child = new Child();
console.log(child.name,child.age);

原型链的继承

function Parent(){
  this.age = 18;
}
function Child(){
  this.name = 'son';
}
let child = new Child();
child.prototype = New Parent();
console.log(child.name,child.age);

构造函数的继承

function Parent(){
  this.age = 18;
}
function Child(){
  this.name = 'son';
  Parent.call(this);
}
let child = new Child();
console.log(child.name,child.age);

组合继承

function Parent(){
  this.age = 18;
}
function Child(){
  Parent.call(this);
  this.name = 'son';
}
let child = new Child();
child.prototype = New Parent();
console.log(child.name,child.age);