JavaScript基础教程|Class 基本语法,类继承extends

Class 基本语法

在面向对象的编程中,class 是用于创建对象的可扩展的程序代码模版,它为对象提供了状态(成员变量)的初始值和行为(成员函数或方法)的实现。

Wikipedia
在日常开发中,我们经常需要创建许多相同类型的对象,例如用户(users)、商品(goods)或者任何其他东西。

正如我们在 构造器和操作符 “new” 一章中已经学到的,new function 可以帮助我们实现这种需求。

但在现代 JavaScript 中,还有一个更高级的“类(class)”构造方式,它引入许多非常棒的新功能,这些功能对于面向对象编程很有用。

“class” 语法

基本语法是:

class MyClass {
   
  // class 方法
  constructor() {
    ... }
  method1
  • 26
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
JavaScript 中,继承是一个非常常见的概念。ES6 引入了 Class 语法糖,让继承更加易于理解和实现。在 Class 中,我们可以使用 extends 关键字来创建一个子,使其继承的属性和方法。 下面我们来详细了解一下如何在 JavaScript 中使用 extends 实现继承。 ### 基础语法 首先,我们需要定义一个父。在 ES6 中,我们可以使用 Class 来定义一个。例如: ```javascript class Animal { constructor(name) { this.name = name; } speak() { console.log(this.name + ' makes a noise.'); } } ``` 这个 Animal 有一个构造函数和一个 speak 方法。构造函数会在创建实例时被调用,而 speak 方法则可以让动物发出一些声音。 接下来,我们来创建一个子。使用 extends 关键字来创建子,并使用 super() 方法调用父的构造函数。例如: ```javascript class Dog extends Animal { constructor(name) { super(name); } speak() { console.log(this.name + ' barks.'); } } ``` 这个 Dog 继承了 Animal ,并覆盖了其 speak 方法。在构造函数中,我们通过 super() 方法来调用父的构造函数,并将传递的参数传递给它。 现在,我们可以创建一个 Dog 的实例,并调用其 speak 方法: ```javascript let d = new Dog('Mitzie'); d.speak(); // Mitzie barks. ``` ### 继承的方法 当一个子继承了一个父时,它会继承的属性和方法。例如,在上面的例子中,Dog 继承了 Animal ,因此它继承了 Animal 的 speak 方法。 当我们调用子的方法时,如果子没有实现该方法,它会自动调用父的方法。例如,在上面的例子中,如果我们不覆盖 Dog 的 speak 方法,它将调用 Animal 的 speak 方法。 ### 覆盖父的方法 如果一个子需要覆盖父的方法,我们可以在子中重新定义该方法。例如,在 Dog 中,我们覆盖了 Animal 的 speak 方法,使其输出“barks”而不是“makes a noise”。 ### 调用父的方法 有时候,我们需要在子中调用父的方法。我们可以使用 super 关键字来调用父的方法。例如,在 Dog 中,我们可以通过调用 super.speak() 来调用 Animal 的 speak 方法。 ### 总结 继承是一个非常常见的概念,也是面向对象编程中的重要概念之一。在 JavaScript 中,我们可以使用 extends 关键字来实现继承。通过继承,子可以继承的属性和方法,也可以覆盖父的方法,并且可以调用父的方法。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值