对象创建：构造函数与class语法对比-js教程-PHP中文网

对象创建：构造函数与class语法对比

紅蓮之龍

发布： 2025-11-22 15:40:02

原创

829人浏览过

构造函数和class语法在JavaScript中功能相似，但class更现代、结构清晰；2. 构造函数基于原型，需手动处理继承，适合理解底层机制；3. class使用extends和super实现继承，语法简洁，支持静态方法和getter/setter；4. class默认严格模式且不提升，推荐现代开发使用，构造函数适用于老旧环境或深入学习原型。

对象创建：构造函数与class语法对比

在JavaScript中创建对象时，构造函数和class语法都能实现相似的功能，但它们在语法风格、可读性和使用习惯上有明显差异。虽然class是ES6引入的语法糖，底层仍基于原型机制，但从开发体验上看，两者各有特点。

构造函数方式创建对象

构造函数是JavaScript早期创建对象和实现继承的主要方式。通过function定义一个函数，并用new关键字调用，即可生成实例。

特点：

语法较为传统，适合理解原型链机制
方法定义在构造函数内部或原型上
继承需要手动操作prototype和call/apply

示例：

AISEO

AI创作对SEO友好的文案和文章

查看详情

Class语法创建对象

ES6引入的class语法让JavaScript更接近传统面向对象语言的写法，本质上仍是基于原型的实现，但结构更清晰。

特点：

语法简洁，结构清晰，易于理解和维护
支持constructor、实例方法、静态方法、getter/setter
继承使用extends和super，逻辑更直观

示例：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  greet() {
    console.log(`Hello, I'm ${this.name}`);
  }
  static info() {
    console.log("This is a Person class");
  }
}
const p1 = new Person("Bob", 30);
p1.greet(); // 输出: Hello, I'm Bob
Person.info(); // 调用静态方法