当前位置: 首页 > news >正文

JavaScript里实现继承的几种方式

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

1、原型链继承:通过将子类的原型对象指向父类的实例来实现继承。这种方式的优点是实现简单,缺点是父类的私有属性和方法子类是不能访问的。

function Parent() {this.name = 'parent';this.age = 30;
}
Parent.prototype.sayName = function() {console.log(this.name);
}function Child() {Parent.call(this);
}
Child.prototype = new Parent();
Child.prototype.constructor = Child;

 2、借用构造函数继承:通过在子类的构造函数中调用父类的构造函数来实现继承。这种方式的优点是子类可以访问父类的私有属性和方法,缺点是每个子类实例都会有一份父类实例的拷贝。

function Parent() {this.name = 'parent';this.age = 30;
}
Parent.prototype.sayName = function() {console.log(this.name);
}function Child() {Parent.call(this);
}

 3、组合继承:通过结合原型链继承和借用构造函数继承的优点来实现继承。这种方式的优点是既可以访问父类的私有属性和方法,又可以避免每个子类实例都有一份父类实例的拷贝。

function Parent() {this.name = 'parent';this.age = 30;
}
Parent.prototype.sayName = function() {console.log(this.name);
}function Child() {Parent.call(this);
}
Child.prototype = Object.create(Parent.prototype);
Child.prototype.constructor = Child;

 4、ES6 Class继承:通过使用ES6 class语法来实现继承。

class Parent {constructor() {this.name = 'parent';this.age = 30;}sayName() {console.log(this.name);}
}class Child extends Parent {constructor() {super();}
}

 

JavaScript 中的继承可以通过多种方式来实现,如原型链继承、借用构造函数继承、组合继承、ES6 Class继承等。每种方式都有各自的优缺点,需要根据具体需求来选择使用。

另外,对于JavaScript中的继承,还有一些需要注意的点:

  • 在原型链继承和组合继承中,子类的原型对象会继承父类的原型对象,这意味着子类和父类共享同一个原型对象,如果父类原型对象上的属性和方法发生改变,子类也会受到影响。
  • 在借用构造函数继承和组合继承中,子类的实例会有一份父类实例的拷贝,这意味着每个子类实例都有自己的父类实例,不会受到其他实例的影响。
  • 在ES6 Class继承中,父类的静态方法和属性会被继承到子类,子类的实例也会继承父类的实例方法和属性。

选择合适的继承方式和组合使用,可以帮助我们更好的组织代码,提高代码的可维护性。

http://www.lryc.cn/news/61145.html

相关文章:

  • 前端:运用HTML+CSS+JavaScript实现迷宫游戏
  • NoSQL数据库简介
  • 面试马铭泽
  • 查看AWS S3的目录
  • 分布式系统概念和设计-操作系统中的支持和设计
  • 【redis】bitmap、hyperloglog、GEO案例
  • 第二章:集合与区间
  • Mysql8.0版本安装
  • 开放式耳机真的比封闭式强很多吗?推荐几款主流的开放式耳机
  • Doris(7):数据导入(Load)之Routine Load
  • linux 安装php8.1 ZipArchive和libzip最新版扩展安装
  • 大数据 | 实验一:大数据系统基本实验 | 熟悉常用的HBase操作
  • Linux command(split)
  • 开放式耳机好用吗,盘点几款口碑不错的开放式耳机
  • 法规标准-ISO 16787标准解读
  • 脑力劳动-英文单词
  • 机器学习中的三个重要环节:训练、验证、测试
  • 机器学习实战:Python基于LDA线性判别模型进行分类预测(五)
  • Java枚举(Enum)
  • 【Python】【进阶篇】二十一、Python爬虫的多线程爬虫
  • Python从入门到精通14天(eval、literal_eval、exec函数的使用)
  • 队列的基本操作(C语言链表实现)初始化,入队,出队,销毁,读取数据
  • 项目支付接入支付宝【沙箱环境】
  • 程序员应该如何提升自己
  • 全球上线!ABB中国涡轮增压器分拆 – 数据清理阶段完成
  • 手写简易 Spring(三)
  • 设计模式-看懂UML类图和时序图
  • 2023年全国最新安全员精选真题及答案57
  • 数字图像处理基础
  • onnx手动操作