Javascript对象如何创建_原型和类有什么区别？-js教程-PHP中文网

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

紅蓮之龍

发布： 2025-12-19 20:48:54

原创

921人浏览过

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

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

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';

稿定抠图

AI自动消除图片背景

查看详情

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