class 类

最后更新：2026-09-09

class 是创建对象的模板：包含构造器、方法和 getter/setter。通过 new 关键字创建实例。是原型继承的语法糖。

分类	语句
ES 版本	ES2015

📝 语法

class 类名 {
  constructor(参数) { this.x = 参数; }
  方法() { ... }
}

返回值：构造函数本身（调用时需要 new）。

是否修改原值：否（返回新值）

编辑下方代码，点击运行，在输出面板查看结果：

运行结果：

你好, 张三
张三 (25)

💡 提示 class 是原型继承的语法糖——本质仍然是函数和原型。

ℹ️ info extends 实现继承；super() 调用父类构造器。

浏览器	Chrome	Edge	Firefox	Safari	Opera
class	✓ v32	✓ v12	✓ v27	✓ v8	✓ v19
所有现代浏览器均支持

更多实战案例即将上线，敬请期待。

Qclass 和 function 创建对象有什么区别？

Aclass 更清晰：有 constructor、方法自动在原型上、必须用 new 调用、内部默认严格模式。

Qclass 的方法之间需要逗号吗？

A不需要——类的方法之间不写逗号。

Qextends 是什么？

A实现类继承——子类继承父类的属性和方法。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。