使用es6的class和使用function的prototype两种方法定义类的区别

最新推荐文章于 2024-04-09 10:36:01 发布

ade梦里不知身是客

最新推荐文章于 2024-04-09 10:36:01 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.csdn.net/qq_34928693/article/details/80118562

js 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了如何使用ES6中的class语法来定义JavaScript类，这种方式相较于传统function方式更为简洁易读。此外，还展示了如何利用class特性实现继承及静态成员函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

传统的使用function定义类：

function Person(name,age){

    this.name=name;

    this.age=age;

}

Person.prototype.addAge=function(){

    this.age++;

};

Person.prototype.setName=function(name){

    this.name=name;

}

而使用class的方式代码会更加简洁易懂，并且使用class还可以很方便的实现继承、静态的成员函数，而不需要再自己去通过一些方法实现，代码如下：

class Person(name,age){
  constructor(name,age){
    this.name=name;
    this.age=age;
  }
  addAge(){
    this.age++;
  }
  setName(name){
    this.name=name;
  }
}