js怎么使用Object.create创建对象

object.create用于创建新对象并直接指定其原型,语法为object.create(proto, [propertiesobject]),其中proto是必选的原型对象,传入null可创建不继承任何属性的“干净”对象;2. 使用object.create(null)可创建无原型链干扰的对象,适用于需要纯净哈希表的场景,避免属性名冲突和意外继承;3. 与new构造函数的区别在于,new基于构造函数实例化并绑定this,而object.create直接基于指定原型创建对象,更侧重原型链的精确控制;4. 实际应用包括实现原型继承、创建安全的数据映射结构以及通过propertiesobject参数在创建时定义属性的可写、可枚举和可配置特性,提升代码的安全性和可维护性。

js怎么使用Object.create创建对象

Object.create

在JavaScript里,它就是一种创建新对象的方式,但它特别的地方在于,你可以直接指定这个新对象的原型(prototype)是谁。简单来说,它让你能非常精确地控制一个新对象继承自哪里,而不是像字面量创建那样默认继承自

Object.prototype

js怎么使用Object.create创建对象

解决方案

要使用

Object.create

,它的基本语法是

Object.create(proto, [propertiesObject])

第一个参数

proto

,就是你希望新创建的对象继承的原型对象。这个参数是必须的。如果你想创建一个完全“干净”的对象,不继承任何东西(包括

Object.prototype

上的方法,比如

toString

),你可以传入

null

js怎么使用Object.create创建对象

第二个参数

propertiesObject

是可选的。如果提供了,它会是一个对象,其自身的(非继承来的)可枚举属性会作为新创建对象的属性描述符。这意味着你可以像使用

Object.defineProperty

那样,在这里定义新对象的属性,包括它们的

value

writable

enumerable

configurable

等特性。

举个例子,我们先定义一个原型对象:

js怎么使用Object.create创建对象

const animal = {  eats: true,  walk() {    console.log("Animal walking...");  }};// 使用Object.create创建dog对象,让它继承animalconst dog = Object.create(animal);dog.barks = true; // dog自己的属性dog.walk(); // 继承自animal的方法console.log(dog.eats); // 继承自animal的属性// 另一个例子,同时定义属性const personPrototype = {  greet() {    console.log(`Hello, my name is ${this.name}.`);  }};const john = Object.create(personPrototype, {  name: {    value: "John Doe",    writable: true,    enumerable: true,    configurable: true  },  age: {    value: 30,    writable: true,    enumerable: false // 不可枚举  }});john.greet(); // Hello, my name is John Doe.console.log(john.age); // 30for (let key in john) {  console.log(key); // 输出: name, greet (age不会被枚举)}

我觉得,理解

Object.create

的关键在于,它给你提供了一种非常直接的“原型链”控制能力。不像

{}

new Object()

那样,它们默认都会以

Object.prototype

为原型,

Object.create

让你能精确地指定这个起点。

Object.create(null)

有什么特别的用处?

Object.create(null)

这个用法其实挺有意思的,它创建的是一个不继承任何属性和方法的对象,甚至连

Object.prototype

上的

toString

hasOwnProperty

这些常用方法都没有。它就是一个“纯粹”的对象,一个空的哈希表。

这在某些场景下特别有用。比如,当你需要一个字典或者映射表,只想存储键值对,而不想被原型链上的方法干扰时,它就派上用场了。想象一下,如果你用

{}

来创建一个映射,然后不小心某个键名和

Object.prototype

上的某个方法名冲突了,比如

obj.toString = "my value"

,这虽然不常见,但在遍历或者某些操作时可能会引入意想不到的行为。而

Object.create(null)

创建的对象,就没有这些顾虑。

const cleanMap = Object.create(null);cleanMap.name = "Alice";cleanMap.age = 25;// cleanMap.toString(); // 这会报错,因为没有这个方法console.log(cleanMap.name); // Alice// 遍历时更安全,不会遍历到原型链上的属性for (let key in cleanMap) {  console.log(key + ": " + cleanMap[key]); // 只会输出 name 和 age}

这种“干净”的对象,在处理JSON数据、实现简单的哈希映射或者作为数据缓存时,能提供更可靠和可预测的行为。它避免了潜在的原型链污染问题,也让你的代码意图更明确:我就是要一个纯粹的数据容器。

Object.create

和构造函数(

new

关键字)创建对象有什么区别?

这确实是JavaScript里对象创建的两个重要范式,它们虽然都能创建对象,但背后思想和应用场景却不太一样。

new

关键字结合构造函数,更像是一种“类”的实例化过程。当你写

new MyConstructor()

时,JavaScript会做几件事:

创建一个全新的空对象。将这个新对象的内部原型(

[[Prototype]]

,也就是

__proto__

)设置为

MyConstructor.prototype

。执行

MyConstructor

函数,并将这个新对象作为

this

上下文。通常,构造函数会在这里初始化新对象的属性。如果构造函数没有显式返回一个对象,那么就返回这个新创建的对象。

这种方式,我们通常用来创建“实例”,每个实例都拥有自己的状态,但共享构造函数原型上的方法。它模拟了传统面向对象语言中的类和实例关系。

function Person(name, age) {  this.name = name;  this.age = age;}Person.prototype.greet = function() {  console.log(`Hi, I'm ${this.name}.`);};const bob = new Person("Bob", 40);bob.greet(); // Hi, I'm Bob.console.log(bob.__proto__ === Person.prototype); // true

Object.create

则更纯粹地聚焦于原型链的继承。它直接让你指定新对象的原型,没有中间的构造函数执行过程,也没有

this

的绑定(除非你在

propertiesObject

里定义了getter/setter)。它就是简单地“制造一个继承自

proto

的对象”。

我觉得,你可以这样理解:

new

关键字:我有一个“蓝图”(构造函数),我要根据这个蓝图“生产”一个产品(实例)。产品有自己的特性,但共享蓝图的公共功能。

Object.create

:我有一个“现有物品”(原型对象),我想要一个“新物品”,它应该和这个“现有物品”有一样的基因(原型),但它自己可以有新的、独立的变化。

所以,当你需要基于一个已有的对象直接创建另一个继承它的对象时,

Object.create

非常直接。当你需要定义一个“类型”或“类”,并创建其多个实例时,构造函数和

new

更合适。它们是解决不同问题的工具,但都围绕着JavaScript的原型继承机制。

Object.create

在实际开发中能解决什么问题?

在实际的JavaScript开发中,

Object.create

的应用场景比你想象的要多,它主要解决了几个关于对象创建和继承的痛点。

一个很典型的应用就是实现原型继承。虽然ES6有了

class

语法糖,但底层依旧是原型继承。在没有

class

的时代,或者当你需要更细粒度地控制继承关系时,

Object.create

是构建继承链的利器。比如,你有一个基础对象,想让多个子对象共享它的方法和属性,同时每个子对象又有自己的特定数据。

const vehicle = {  speed: 0,  accelerate(amount) {    this.speed += amount;    console.log(`Current speed: ${this.speed}`);  }};const car = Object.create(vehicle);car.model = "Sedan";car.accelerate(50); // Current speed: 50const bike = Object.create(vehicle);bike.type = "Mountain";bike.accelerate(10); // Current speed: 10

这里,

car

bike

都继承了

vehicle

accelerate

方法,但它们有各自独立的

speed

状态(因为

speed

是在

accelerate

方法内部通过

this.speed

操作的,如果

speed

直接在

vehicle

上,它们会共享同一个

speed

,这是原型链的另一个知识点,需要注意)。

另一个重要场景就是创建“纯净”的对象,前面提到了

Object.create(null)

。这对于避免原型链上的意外属性干扰,或者在构建数据结构(比如简单的哈希表)时,提供了更高的安全性。想象一下,如果你从外部接收一个JSON对象,并想把它转换成一个内部的映射表,如果使用

{}

,那么像

obj.constructor

obj.prototype

这样的属性可能会被误用或干扰。而

Object.create(null)

则完全规避了这些问题,它创建的对象就是一张白纸。

最后,通过

propertiesObject

参数,

Object.create

还能在创建对象的同时,精细控制新属性的特性。这在需要定义不可枚举、不可写或不可配置的属性时非常有用,比如创建一些常量对象或者内部状态。

const config = Object.create(null, {  API_KEY: {    value: "your_secret_key",    writable: false, // 不可修改    enumerable: true, // 可枚举    configurable: false // 不可删除或重新配置  },  VERSION: {    value: "1.0.0",    writable: false,    enumerable: true,    configurable: false  }});// config.API_KEY = "new_key"; // 这会报错或无效,因为writable是falseconsole.log(config.API_KEY); // your_secret_key

这种能力让你在对象创建阶段就定义好属性的行为,而不是事后通过

Object.defineProperty

去修改,让代码更简洁和意图更明确。我觉得,这就像是你在造一个东西的时候,就想好了它应该具备哪些功能和限制,而不是等造好了再打补丁。

以上就是js怎么使用Object.create创建对象的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
JS如何实现跳表?跳表的插入和删除
上一篇 2025年12月20日 11:01:45
javascript怎么实现数组动画过渡
下一篇 2025年12月20日 11:01:50

相关推荐

  • uc浏览器如何禁止访问某些网站_UC浏览器网站屏蔽与访问限制设置

    uc浏览器如何禁止访问某些网站_UC浏览器网站屏蔽与访问限制设置uc浏览器如何禁止访问某些网站_UC浏览器网站屏蔽与访问限制设置uc浏览器如何禁止访问某些网站_UC浏览器网站屏蔽与访问限制设置uc浏览器如何禁止访问某些网站_UC浏览器网站屏蔽与访问限制设置

    可通过UC浏览器内容过滤、设备家长控制或修改Hosts文件屏蔽网站。首先在UC浏览器中进入“隐私与安全”启用内容过滤并添加自定义屏蔽域名;其次利用手机系统“数字健康”或第三方工具设置网站访问限制,实现跨浏览器管控;最后具备Root权限的用户可编辑/system/etc/hosts文件,添加“0.0.…

    2026年9月24日 用户投稿
    900
  • Bing浏览器怎么使用Web选择_Bing浏览器网页内容选择工具操作

    Bing浏览器怎么使用Web选择_Bing浏览器网页内容选择工具操作Bing浏览器怎么使用Web选择_Bing浏览器网页内容选择工具操作Bing浏览器怎么使用Web选择_Bing浏览器网页内容选择工具操作Bing浏览器怎么使用Web选择_Bing浏览器网页内容选择工具操作

    首先启用Bing浏览器的Web选择工具,点击地址栏右侧图标激活;随后拖动鼠标选择内容,支持多区域选取;最后通过右键复制或使用截图功能保存所选文字、图片等内容。 如果您希望在浏览网页时快速提取或分享特定内容,Bing浏览器的Web选择工具可以帮助您实现精准选取和便捷操作。以下是使用该功能的具体步骤: …

    2026年9月24日 用户投稿
    700
  • Java 正则表达式非贪婪匹配替换:精准替换字符串中的特定部分

    Java 正则表达式非贪婪匹配替换:精准替换字符串中的特定部分Java 正则表达式非贪婪匹配替换:精准替换字符串中的特定部分Java 正则表达式非贪婪匹配替换:精准替换字符串中的特定部分Java 正则表达式非贪婪匹配替换:精准替换字符串中的特定部分

    本文旨在解决 Java 中使用正则表达式进行字符串替换时,如何避免过度匹配,实现对特定字符串的精准替换。通过使用单词边界 ,我们可以确保只替换独立的 $c 字符串,而不会影响到 $c_new 等包含 $c 的其他字符串。本文将提供详细的代码示例和解释,帮助开发者掌握这一技巧。 在 Java 中,使用…

    2026年9月24日 用户投稿
    1000
  • ubuntu vnc端口冲突怎么解决

    在ubuntu系统中,如果vnc端口发生冲突,通常意味着另一个应用程序或服务已经在使用vnc默认的端口(通常是5900)。为了解决这个问题,你可以按照以下步骤操作: 查找占用端口的进程:使用netstat或lsof命令来查找哪个进程正在使用5900端口。例如,你可以运行以下命令: sudo nets…

    2026年9月24日
    000
  • 对话非遗簪花传承人,华硕a豆携豆叮寻香泉州 国庆假期与未来香遇

    对话非遗簪花传承人,华硕a豆携豆叮寻香泉州 国庆假期与未来香遇对话非遗簪花传承人,华硕a豆携豆叮寻香泉州 国庆假期与未来香遇对话非遗簪花传承人,华硕a豆携豆叮寻香泉州 国庆假期与未来香遇对话非遗簪花传承人,华硕a豆携豆叮寻香泉州 国庆假期与未来香遇

    即日起至10月8日,时尚数码潮创先锋华硕a豆于福建泉州限时开启「与未来香遇」 “豆叮的寻香之旅”集章打卡活动,围绕茶桌仔、泉州鲤物、有鲤天台咖啡等三处特色地标打造沉浸式城市寻香狂欢;旗下ip豆叮以头戴非遗簪花的泉州限定皮肤萌力“占领”西街,延续上海安福路街区花车巡游派对的浪漫繁花景象,以“科技与非遗…

    2026年9月24日 用户投稿
    900
  • 铁路12306电子发票下载失败怎么解决_铁路12306电子发票下载问题解决方案

    铁路12306电子发票下载失败怎么解决_铁路12306电子发票下载问题解决方案铁路12306电子发票下载失败怎么解决_铁路12306电子发票下载问题解决方案铁路12306电子发票下载失败怎么解决_铁路12306电子发票下载问题解决方案铁路12306电子发票下载失败怎么解决_铁路12306电子发票下载问题解决方案

    首先检查网络连接并重新尝试下载电子发票,若失败可联系12306客服重发,同时查看邮箱垃圾文件夹,最后可通过个人所得税App等工具同步管理发票。 如果您在尝试下载铁路12306电子发票时遇到失败情况,可能是由于网络连接、系统状态或权限设置等问题导致。以下是针对该问题的多种解决方案。 本文运行环境:iP…

    2026年9月24日 用户投稿
    100
  • AI音频工具有哪些_好用的AI音频工具大全

    AI音频工具有哪些_好用的AI音频工具大全AI音频工具有哪些_好用的AI音频工具大全AI音频工具有哪些_好用的AI音频工具大全AI音频工具有哪些_好用的AI音频工具大全

    ☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜ 魔音工坊:AI配音神器,轻松打造媲美真人声线 讯飞智作:科大讯飞出品的语音转换与配音利器 听脑AI:智能语音记录助手 Suno:高品质AI音乐创作平台 海绵音乐:字节旗下免费AI音乐创作与探索平…

    2026年9月24日 用户投稿
    300
  • 2025年最受欢迎的手机数据恢复免费软件

    2025年最受欢迎的手机数据恢复免费软件2025年最受欢迎的手机数据恢复免费软件2025年最受欢迎的手机数据恢复免费软件2025年最受欢迎的手机数据恢复免费软件

    数据恢复软件可找回误删的手机数据,推荐2025年实用工具:一、数据蛙恢复专家支持快速与深度扫描,预览后导出至电脑;二、转转大师操作简单,适合新手,可恢复多种场景数据;三、Recuva无需安装,擅长小文件快速恢复,建议启用深度扫描;四、奇客数据恢复专为安卓设计,兼容性强,无需Root即可恢复消息与媒体…

    2026年9月24日 用户投稿
    100
  • Java正则表达式:利用词边界实现精确的非贪婪字符串替换

    Java正则表达式:利用词边界实现精确的非贪婪字符串替换Java正则表达式:利用词边界实现精确的非贪婪字符串替换Java正则表达式:利用词边界实现精确的非贪婪字符串替换Java正则表达式:利用词边界实现精确的非贪婪字符串替换

    本教程探讨如何在Java中使用正则表达式精确替换字符串中的特定部分,特别是在目标字符串不应消耗后续字符的场景。通过分析常见错误,文章详细介绍了词边界的原理与应用,展示了如何利用它实现非贪婪且不破坏原字符串结构的替换,确保匹配的精确性与替换结果的完整性。 在处理字符串替换时,我们经常面临需要精确匹配特…

    2026年9月24日 用户投稿
    700
  • win8怎么关闭metro应用后台运行_Win8 Metro应用后台关闭方法

    win8怎么关闭metro应用后台运行_Win8 Metro应用后台关闭方法win8怎么关闭metro应用后台运行_Win8 Metro应用后台关闭方法win8怎么关闭metro应用后台运行_Win8 Metro应用后台关闭方法win8怎么关闭metro应用后台运行_Win8 Metro应用后台关闭方法

    通过任务管理器结束进程、调整隐私设置禁用后台权限、使用组策略限制应用运行及修改注册表可有效控制Windows 8中Metro应用的后台活动。 如果您在使用Windows 8系统时发现Metro应用在后台持续运行,导致资源占用较高或影响电池续航,则可以通过以下方法进行管理。这些操作将帮助您有效控制Me…

    2026年9月24日 用户投稿
    100
  • JFugue中和弦解析的深度解析与实践

    JFugue中和弦解析的深度解析与实践JFugue中和弦解析的深度解析与实践JFugue中和弦解析的深度解析与实践JFugue中和弦解析的深度解析与实践

    JFugue库的onChordParsed方法不会被调用,因为JFugue将和弦分解为独立的音符进行处理。本文详细阐述了如何通过onNoteParsed方法结合音符的isFirstNote(), isHarmonicNote(), isMelodicNote()属性来识别Staccato字符串中的和…

    2026年9月24日 用户投稿
    100
  • 公众号文章如何插入小程序_在文章中插入小程序的正确操作方法

    公众号文章如何插入小程序_在文章中插入小程序的正确操作方法公众号文章如何插入小程序_在文章中插入小程序的正确操作方法公众号文章如何插入小程序_在文章中插入小程序的正确操作方法公众号文章如何插入小程序_在文章中插入小程序的正确操作方法

    可通过图文编辑器插入小程序卡片,设置封面标题及路径;或将小程序链接设为“阅读原文”跳转目标;也可通过自定义菜单关联小程序并引导用户点击;对于无法使用插件的情况,可生成小程序码图片嵌入文章,配以“长按识别”提示语。 如果您希望在公众号文章中增加互动性或引导用户使用特定功能,可以通过插入小程序来实现。小…

    2026年9月24日 用户投稿
    100
  • Agent Zero— 开源可扩展AI框架,通过用户指令和任务动态学习

    Agent Zero— 开源可扩展AI框架,通过用户指令和任务动态学习Agent Zero— 开源可扩展AI框架,通过用户指令和任务动态学习Agent Zero— 开源可扩展AI框架,通过用户指令和任务动态学习Agent Zero— 开源可扩展AI框架,通过用户指令和任务动态学习

    agent zero 是一个开源的、可扩展的人工智能框架,能够作为用户的个性化智能助手。它不是基于预设功能的工具,而是通过用户指令和任务来动态学习与成长。agent zero 具备持久记忆能力,可以存储过往的解决方案、代码和事实信息,从而更快速地应对未来的任务。该框架将操作系统视为执行任务的工具,具…

    2026年9月24日 用户投稿
    100
  • 怎么在mysql中创建一个表 mysql新建数据表步骤教程

    在 mysql 中创建表的步骤和建议包括:1. 明确业务需求,设计表结构;2. 使用 create table 语句创建表,选择合适的数据类型和设置主键、索引;3. 考虑大数据量时使用分区;4. 设置正确的字符集和排序规则;5. 谨慎使用索引;6. 使用 if not exists 避免重复创建表。…

    2026年9月24日
    100
  • 主板 BIOS 功能深度对比:哪家超频与调校选项更丰富?

    主板 BIOS 功能深度对比:哪家超频与调校选项更丰富?主板 BIOS 功能深度对比:哪家超频与调校选项更丰富?主板 BIOS 功能深度对比:哪家超频与调校选项更丰富?主板 BIOS 功能深度对比:哪家超频与调校选项更丰富?

    答案是旗舰芯片组主板超频功能更强,具体取决于平台和型号。Intel的Z系列与AMD的X/B650E等高端主板提供完整超频选项,而B/H/A系列则限制较多;微星MPOWER系列在主流芯片组上提供越级超频工具;华硕、微星、技嘉三大品牌在BIOS设计上兼顾易用性与专业性,各具特色;最终选择需结合CPU支持…

    2026年9月24日 用户投稿
    000
  • Spring Boot @Nested 测试中属性覆盖与隔离策略

    Spring Boot @Nested 测试中属性覆盖与隔离策略Spring Boot @Nested 测试中属性覆盖与隔离策略Spring Boot @Nested 测试中属性覆盖与隔离策略Spring Boot @Nested 测试中属性覆盖与隔离策略

    本文深入探讨了在Spring Boot集成测试中,如何利用@Nested注解结合@TestPropertySource实现细粒度的属性配置和隔离。通过详细的示例代码,展示了外部测试类和嵌套测试类如何定义各自的属性集,以及这些属性在不同测试上下文中的继承与覆盖机制,从而确保测试环境的精确控制和独立性。…

    2026年9月24日 用户投稿
    100
  • 2025拼多多双11力度大吗?2025拼多多新版本

    2025拼多多双11力度大吗?2025拼多多新版本2025拼多多双11力度大吗?2025拼多多新版本2025拼多多双11力度大吗?2025拼多多新版本2025拼多多双11力度大吗?2025拼多多新版本

    拼多多2025年双11延续低价策略,升级百亿补贴、推出超级拼团2.0、发放直播神券、启用AR购物空间并扩容会员特权,覆盖iPhone、家电、美妆等品类,叠加多重优惠与互动玩法提升用户体验。 如果您计划在2025年双11期间购物,可能会关注拼多多此次大促的优惠幅度是否足够吸引人。今年拼多多延续了其“低…

    2026年9月24日 用户投稿
    000
  • sublime怎么安装字体并应用_sublime更换与应用新字体方法

    sublime怎么安装字体并应用_sublime更换与应用新字体方法sublime怎么安装字体并应用_sublime更换与应用新字体方法sublime怎么安装字体并应用_sublime更换与应用新字体方法sublime怎么安装字体并应用_sublime更换与应用新字体方法

    先在操作系统安装字体文件,再通过Sublime Text设置中的font_face指定字体名称即可应用。1. 将.ttf或.otf字体文件安装到系统:Windows右键安装,macOS双击后点击“安装字体”,Linux复制到~/.fonts并运行fc-cache -fv更新缓存。2. 重启Subli…

    2026年9月24日 用户投稿
    100
  • 新增Pro Max旗舰 Civi定位调整:小米手机大变阵为哪般?

    新增Pro Max旗舰 Civi定位调整:小米手机大变阵为哪般?新增Pro Max旗舰 Civi定位调整:小米手机大变阵为哪般?新增Pro Max旗舰 Civi定位调整:小米手机大变阵为哪般?新增Pro Max旗舰 Civi定位调整:小米手机大变阵为哪般?

    2025年,全球智能手机行业步入深度变革阶段。中国信通院最新研究数据显示,今年上半年,国内用户平均换机周期已接近33个月。在市场趋于饱和、增长乏力的背景下,头部手机厂商纷纷开启战略性调整,从产品结构优化到发布节奏重构,一场涵盖苹果、小米、vivo等品牌的“集体转型”正在悄然展开。 据悉,苹果拟对iP…

    2026年9月24日 用户投稿
    000
  • 苹果手机怎么截长图 苹果手机截长图的方法

    苹果手机怎么截长图 苹果手机截长图的方法苹果手机怎么截长图 苹果手机截长图的方法苹果手机怎么截长图 苹果手机截长图的方法苹果手机怎么截长图 苹果手机截长图的方法

    苹果手机截取长图的方法有两种:一是滚动截屏,二是使用第三方应用程序如 Tailor、Stitch It! 或 Scrolling Screenshot。 苹果手机截长图的方法 苹果手机提供了两种截取长图的方法: 方法一:滚动截屏 截取屏幕的第一部分。点击并按住屏幕截图预览。轻扫手指到想要截取的区域末…

    2026年9月24日 用户投稿
    100

发表回复

登录后才能评论
关注微信