class Class

Last updated: 2026-09-09

class Class

class is a template for creating objects with a constructor, methods and getters/setters.

CategoryStatements
ES versionES2015

📝 Syntax

class Name {
  constructor(p) { this.x = p; }
  method() { ... }
}

Returns:The constructor (requires new).

Mutates the original:No (returns a new value)

▶ Example

Edit the code, press Run, and see the result in the output panel:

Output:

Hello, Zhang
Zhang (25)
💡 Tip class is syntactic sugar for prototype inheritance.
ℹ️ info extends for inheritance; super() calls the parent constructor.

🌐 Browser support

Browser ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
class v32 v12 v27 v8 v19
Supported by all modern browsers
More case studies coming soon — check back later.

📚 Related Tutorials

❓ FAQ

Qclass vs function for objects?
Aclass is clearer: constructor, methods on prototype, requires new, strict mode by default.
QDo class methods need commas?
ANo — class methods have no commas.
QWhat is extends?
AClass inheritance — the child inherits from the parent.
Web-Tutorial.com

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏