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

JavaScript 中创建对象的方式有多种,核心在于理解“原型”和“类”的本质:类只是语法糖,底层依然依赖原型机制。
对象创建的常见方式
最直接的是字面量创建:
const obj = { name: 'Alice', say() { return 'Hello'; } };
也可以用 构造函数(显式绑定原型):
立即学习“Java免费学习笔记(深入)”;
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 定义私有字段(ES2022+ 的 # 语法是特例,仍靠闭包或 WeakMap 实现)










