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

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

原型(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对象如何创建_原型和类有什么区别?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1544040.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 15:34:10
下一篇 2025年12月21日 15:34:28

相关推荐

发表回复

登录后才能评论
关注微信