17370845950

JavaScript中对象创建本质依赖原型机制，类仅为语法糖；常见方式包括字面量、构造函数和Object.create()；原型是共享行为的数据结构，属性查找遵循原型链。

JavaScript 中创建对象的方式有多种，核心在于理解“原型”和“类”的本质：类只是语法糖，底层依然依赖原型机制。

对象创建的常见方式

最直接的是字面量创建：

const obj = { name: 'Alice', say() { return 'Hello'; } };

也可以用 构造函数（显式绑定原型）：

function Person(name) { this.name = name; }
Person.prototype.greet = function() { return `Hi, I'm ${this.name}`; };
const p = new Person('Bob');

或者用 Object.create() 显式指定原型对象：

const proto = { walk() { return 'walking...'; } };
const person = Object.create(proto);
person.name = 'Charlie';

原型（prototype）是什么

每个函数都有一个 prototype 属性（对象），它定义了该函数作为构造器时，所有实例共享的属性和方法。实例通过内部属性 [[Prototype]]（可通过 __proto__ 或 Object.getPrototypeOf() 访问）链接到这个 prototype 对象。

关键点：

• 原型是运行时可修改的对象，所有实例即时继承变更
• 属性查找遵循“原型链”：自身 → [[Prototype]] → 上级原型 → ... → null
• 不是类模板，而是共享行为的数据结构

类（class）只是语法糖

class 写法看起来像传统面向对象语言，但底层完全基于原型：

class Animal {
  constructor(name) { this.name = name; }
  speak() { return `${this.name} makes a sound`; }
}
class Dog extends Animal {
  bark() { return 'Woof!'; }
}
const dog = new Dog('Buddy');

这等价于用函数 + prototype + Object.setPrototypeOf 模拟的继承链。class 的 static 方法挂载在构造函数本身，实例方法挂载在 prototype 上，extends 本质是设置子类的 prototype 链和 constructor 指向。

注意：class 声明不会被提升，且严格模式下自动启用。

主要区别总结

• 原型是 JavaScript 的底层机制，一切对象都通过它实现属性共享和继承
• 类是 ES6 引入的声明式语法，让原型操作更简洁、可读性更强，但不改变原型本质
• 没有真正的“类实例化”，只有“对象创建 + 原型链接”
• 无法用 class 定义私有字段（ES2025+ 的 # 语法是特例，仍靠闭包或 WeakMap 实现）