JavaScript对象创建与原型类区别解析

欢迎各位小伙伴来到golang学习网，相聚于此都是缘哈哈哈！今天我给大家带来《JavaScript对象创建方式及原型与类区别详解》，这篇文章主要讲到等等知识，如果你对文章相关的知识非常感兴趣或者正在自学，都可以关注我，我会持续更新相关文章！当然，有什么建议也欢迎在评论留言提出！一起学习！

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 定义私有字段（ES2022+ 的 # 语法是特例，仍靠闭包或 WeakMap 实现）

到这里，我们也就讲完了《JavaScript对象创建与原型类区别解析》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！