当前位置：首页 > 文章列表 > 文章 > 前端 > JavaScript类与构造函数对比解析

JavaScript类与构造函数对比解析

2025-12-31 08:46:35 0浏览收藏

从现在开始，努力学习吧！本文《JavaScript类与构造函数的区别和联系如下：1. 定义方式类（Class）：使用 class 关键字定义，是 ES6 引入的语法糖。class Person { constructor(name) { this.name = name; } }构造函数（Constructor）：传统方式，通过函数定义，并使用 new 调用。function Person(name) { this.name = name; }2. 本质区别类不是函数：类在 JavaScript 中本质上是一个函数（typeof Class === 'function'），但它提供了更清晰的面向对象语法。构造函数是函数：构造函数本身就是一个函数，用于创建对象实例。3. 方法定义类中：使用 method() 语法，自动绑定到原型链上。class Person { sayHello() { console.log(`Hello, ${this.name}`); } }构造函数中：需手动将方法添加到原型上或直接写在函数内部。function Person(name) { this.name = name; } Person.prototype.sayHello = function() { console.log(`Hello, ${this.name}`); };4》主要讲解了等等相关知识点，我会在golang学习网中持续更新相关的系列文章，欢迎大家关注并积极留言建议。下面就先一起来看一下本篇正文内容吧，希望能帮到你！

JavaScript 中的类是 ES6 引入的语法糖，本质仍是基于原型的构造函数机制；它提升可读性与一致性，但不改变底层逻辑，需理解其与原型链的对应关系才能真正用好。

javascript类如何定义_它与构造函数有什么区别和联系？

JavaScript 中的 类（class） 是 ES6 引入的语法糖，本质上仍是基于原型的构造函数机制，它本身不改变底层运行逻辑，只是让面向对象写法更清晰、更接近传统语言（如 Java、C++）的风格。

类的定义方式

使用 class 关键字声明，内部用 constructor 定义初始化逻辑，其他方法直接写在类体中（无需 function 关键字）：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  sayHello() {
    return `Hello, I'm ${this.name}`;
  }
  static createAdult(name) {
    return new Person(name, 18);
  }
}

注意：类声明不会被提升（hoisting），必须先定义后使用；类内部方法默认不可枚举；类必须用 new 调用，不能直接执行。

类与构造函数的本质联系

类在底层会被编译为等价的构造函数+原型赋值代码。比如上面的 Person 类，大致等同于：

function Person(name, age) {
  this.name = name;
  this.age = age;
}
Person.prototype.sayHello = function() {
  return `Hello, I'm ${this.name}`;
};
Person.createAdult = function(name) {
  return new Person(name, 18);
};

类的 constructor 对应构造函数本身
类中的实例方法自动挂载到 prototype 上
类中的静态方法直接挂载到构造函数自身
new class {...} 和 new function(){...} 都会创建实例并绑定原型链

关键区别

语法简洁性：类统一了方法定义位置，避免手动操作 prototype，也省去重复写 function
语义明确性：static、extends、super 等关键字让继承、静态成员、父类调用更直观
限制更严格：类内部所有代码自动运行在严格模式下；类名在类内部不可重新赋值；无法在类中定义属性（ES2022 前需在 constructor 或通过字段声明语法 prop = value）
继承机制一致但写法不同：构造函数用 Parent.call(this) + Object.setPrototypeOf(Child.prototype, Parent.prototype)；类用 extends + super()，更安全且强制要求子类 constructor 调用 super