当前位置：首页 > 文章列表 > 文章 > 前端 > JavaScript对象创建与原型类区别解析

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

2026-01-25 15:54:34 0浏览收藏

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

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

Javascript对象如何创建_原型和类有什么区别？

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 声明不会被提升，且严格模式下自动启用。