在JavaScript中,Object() 是一个基础构造函数,用于创建对象或转换值为对象类型。它既是语言的核心组成部分,也提供了一系列静态方法用于对象操作。以下是详细解析和应用示例:

一、Object() 的基本行为

  1. 作为构造函数(使用 new 调用):
    • 创建空对象:const obj = new Object() 等价于字面量 {}。
    • 若传入值,则根据类型转换:
      • 对象 → 直接返回原对象(不创建新对象)。
      • null/undefined → 返回空对象 {}。
      • 原始值(数字、字符串、布尔) → 返回对应的包装对象(如 new Number(1))。
console.log(new Object(123));      // [Number: 123]
console.log(new Object("hello"));  // [String: 'hello']
console.log(new Object(true));     // [Boolean: true]
  1. 作为普通函数(不使用 new):
    • 行为与 new Object() 完全一致。

二、核心应用场景

  1. 类型转换:将值转为对象
const numObj = Object(42); // 等价于 new Number(42)
console.log(typeof numObj); // "object"
  1. 创建空对象
const obj = Object(); // 等同于 {} 或 new Object()
obj.key = "value";
console.log(obj); // { key: 'value' }
  1. 复制对象(浅拷贝)
const original = { a: 1, b: { c: 2 } };
const copy = Object(original); // 直接返回原对象
console.log(copy === original); // true(同一引用)

三、Object 的静态方法(关键工具)

  1. 属性操作
  • Object.keys(obj):获取对象自身可枚举属性的键数组。
const user = { name: "Alice", age: 30 };
console.log(Object.keys(user)); // ["name", "age"]
  • Object.values(obj):获取对象自身可枚举属性的值数组。
console.log(Object.values(user)); // ["Alice", 30]
  • Object.entries(obj):获取键值对数组。
console.log(Object.entries(user)); // [["name", "Alice"], ["age", 30]]
  1. 对象合并
  • Object.assign(target, …sources):
    将源对象的属性合并到目标对象(浅拷贝)。
const target = { a: 1 };
const source = { b: 2 };
Object.assign(target, source); 
console.log(target); // { a: 1, b: 2 }
  1. 原型与对象创建
  • Object.create(proto):
    以指定原型创建新对象。
const parent = { greet: () => "Hello!" };
const child = Object.create(parent);
console.log(child.greet()); // "Hello!"
  1. 属性定义
  • Object.defineProperty(obj, prop, descriptor):
    精确控制属性行为(如是否可写、可枚举)。
const obj = {};
Object.defineProperty(obj, "readOnly", {value: 100,writable: false,
});
obj.readOnly = 200; // 静默失败(严格模式报错)
console.log(obj.readOnly); // 100
  1. 对象保护
  • Object.freeze(obj):
    冻结对象,禁止修改(添加/删除/修改属性)。
const frozen = Object.freeze({ value: 42 });
frozen.value = 100; // 无效(严格模式报错)
  • Object.seal(obj):
    禁止添加/删除属性,但允许修改现有属性。

四、注意事项

  1. 原始值包装对象:
    Object(123) 会创建 Number 包装对象,而非原始值。优先使用原始值避免意外行为。
  2. 深拷贝问题:
    Object.assign() 是浅拷贝。深拷贝需使用 JSON.parse(JSON.stringify(obj)) 或工具库(如 Lodash)。
  3. 性能:
    字面量 {} 比 new Object() 更高效,推荐使用字面量。

五、应用总结

场景推荐方法
创建空对象{}(字面量)
合并对象Object.assign() 或扩展运算符 …
获取键/值/键值对Object.keys()/values()/entries()
保护对象Object.freeze()/seal()
精确控制属性Object.defineProperty()

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/web/86579.shtml
繁体地址,请注明出处:http://hk.pswp.cn/web/86579.shtml
英文地址,请注明出处:http://en.pswp.cn/web/86579.shtml

如若内容造成侵权/违法违规/事实不符,请联系英文站点网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

stream使用案例

1.1 查找所有的偶数并求和 public static void p1() { List<Integer> numbers Arrays.asList(1, 2, 3, 4, 5, 6, 7, 8, 9, 10); int sum numbers.stream() .filter(num -> num % 2 0) .mapToInt(Integer::intValue) .sum() ; System.err.printf…

力扣 刷题(第七十一天)

灵感来源 - 保持更新&#xff0c;努力学习 - python脚本学习 4的幂 解题思路 位运算条件&#xff1a;4 的幂的二进制表示中只有一个 1&#xff0c;且位于奇数位&#xff08;如 4 100&#xff0c;4 10000&#xff09;。模运算条件&#xff1a;4 的幂减 1 后能被 3 整除&…

深度学习使用Pytorch训练模型步骤

训练模型是机器学习和深度学习中的核心过程&#xff0c;旨在通过大量数据学习模型参数&#xff0c;以便模型能够对新的、未见过的数据做出准确的预测。 训练模型通常包括以下几个步骤&#xff1a; 1.数据准备&#xff1a; 收集和处理数据&#xff0c;包括清洗、标准化和归一化…

Unity_导航操作(鼠标控制人物移动)_运动动画

文章目录 前言一、Navigation 智能导航地图烘焙1.创建Plan和NavMesh Surface2.智能导航地图烘焙 二、MouseManager 鼠标控制人物移动1.给场景添加人物&#xff0c;并给人物添加导航组件2.编写脚本管理鼠标控制3.给人物编写脚本&#xff0c;订阅事件&#xff08;添加方法给Mouse…

6. 接口分布式测试pytest-xdist

pytest-xdist实战指南&#xff1a;解锁分布式测试的高效之道 随着测试规模扩大&#xff0c;执行时间成为瓶颈。本文将带你深入掌握pytest-xdist插件&#xff0c;利用分布式测试将执行速度提升300%。 一、核心命令解析 加速安装&#xff08;国内镜像&#xff09; pip install …

预训练语言模型

预训练语言模型 1.1Encoder-only PLM ​ Transformer结构主要由Encoder、Decoder组成&#xff0c;根据特点引入了ELMo的预训练思路。 ELMo&#xff08;Embeddings from Language Models&#xff09;是一种深度上下文化词表示方法&#xff0c; 该模型由一个**前向语言模型&…

Altera PCI IP target设计分享

最近调试也有关于使用Altera 家的PCI IP&#xff0c;然后分享一下代码&#xff1a; 主要实现&#xff1a;主控作为主设备&#xff0c;FPGA作为从设备&#xff0c;主控对FPGA IO读写的功能 后续会分享FPGA作为主设备&#xff0c; 从 FPGA通过 memory写到主控内存&#xff0c;会…

基于机器学习的智能文本分类技术研究与应用

在当今数字化时代&#xff0c;文本数据的爆炸式增长给信息管理和知识发现带来了巨大的挑战。从新闻文章、社交媒体帖子到企业文档和学术论文&#xff0c;海量的文本数据需要高效地分类和管理&#xff0c;以便用户能够快速找到所需信息。传统的文本分类方法主要依赖于人工规则和…

前端项目3-01:登录页面

一、效果图 二、全部代码 <!DOCTYPE html> <html><head><meta charset"utf-8"><title>码农魔盒</title><style>.bg{position: fixed;top: 0;left:0;object-fit: cover;width: 100vw;height: 100vh;}.box{width: 950px;he…

Nexus CLI:简化你的分布式计算贡献之旅

探索分布式证明网络的力量&#xff1a;Nexus CLI 项目深入解析 在今天的数字时代&#xff0c;分布式计算和去中心化技术正成为互联网发展的前沿。Nexus CLI 是一个为 Nexus 网络提供证明的高性能命令行界面&#xff0c;它不仅在概念上先进&#xff0c;更是在具体实现中为开发者…

IBW 2025: CertiK首席商务官出席,探讨AI与Web3融合带来的安全挑战

6月26日至27日&#xff0c;全球最大的Web3安全公司CertiK亮相伊斯坦布尔区块链周&#xff08;IBW 2025&#xff09;&#xff0c;首席商务官Jason Jiang出席两场圆桌论坛&#xff0c;分享了CertiK在AI与Web3融合领域的前沿观察与安全见解。他与普华永道土耳其网络安全服务主管Nu…

Vivado 五种仿真类型的区别

Vivado 五种仿真类型的区别 我们还是用“建房子”的例子来类比。您已经有了“建筑蓝图”&#xff08;HLS 生成的 RTL 代码&#xff09;&#xff0c;现在要把它建成真正的房子&#xff08;FPGA 电路&#xff09;。这五种仿真就是在这个过程中不同阶段的“质量检查”。 1. 行为…

小程序快速获取url link方法,短信里面快速打开链接

获取小程序链接方法 uni.request({url:https://api.weixin.qq.com/cgi-bin/token?grant_typeclient_credential&appidwxxxxxxxxxxxx&secret111111111111111111111111111111111,method:GET,success(res) {console.log(res.data)let d {"path": "/xxx/…

Spring 框架(1-4)

第一章&#xff1a;Spring 框架概述 1.1 Spring 框架的定义与背景 Spring 是一个开源的轻量级 Java 开发框架&#xff0c;于 2003 年由 Rod Johnson 创立&#xff0c;旨在解决企业级应用开发的复杂性。其核心设计思想是面向接口编程和松耦合架构&#xff0c;通过分层设计&…

RabitQ 量化:既省内存又提性能

突破高维向量内存瓶颈:Mlivus Cloud RaBitQ量化技术的工程实践与调优指南 作为大禹智库高级研究员,拥有三十余年向量数据库与AI系统架构经验的我发现,在当今多模态AI落地的核心场景中,高维向量引发的内存资源消耗问题已成为制约系统规模化部署的“卡脖子”因素。特别是在大…

创客匠人:创始人 IP 打造的得力助手

在当今竞争激烈的商业环境中&#xff0c;创始人 IP 的打造对于企业的发展愈发重要。一个鲜明且具有影响力的创始人 IP&#xff0c;能够为企业带来独特的竞争优势&#xff0c;提升品牌知名度与美誉度。创客匠人在创始人 IP 打造过程中扮演着不可或缺的角色&#xff0c;为创始人提…

如何为虚拟机上的 Manjaro Linux启用 VMware 拖放功能

如果你的Manjaro 发行版本是安装在 VMware Workstation Player 上使用的 &#xff0c;而且希望可以通过拖放功能将文件或文件夹从宿主机复制到客户端的Manjaro 里面&#xff0c;那么可以按照以下的步骤进行操作&#xff0c;开启拖放功能。 在 VMware 虚拟机上安装 Manjaro 后&…

【C/C++】单元测试实战:Stub与Mock框架解析

C 单元测试中的 Stub/Mock 框架详解 在单元测试中&#xff0c;Stub&#xff08;打桩&#xff09;和Mock都是替代真实依赖以简化测试的技术。通常&#xff0c;Stub&#xff08;或 Fake&#xff09;提供了一个简化实现&#xff0c;用于替代生产代码中的真实对象&#xff08;例如…

工厂 + 策略设计模式(实战教程)

在软件开发中&#xff0c;设计模式是解决特定问题的通用方案&#xff0c;而工厂模式与策略模式的结合使用&#xff0c;能在特定业务场景下发挥强大的威力。本文将基于新增题目&#xff08;题目类型有单选、多选、判断、解答&#xff09;这一业务场景&#xff0c;详细阐述如何运…

Nuxt3中使用 Ant-Design-Vue 的BackTop 组件实现自动返回页面顶部

在现代 Web 应用中&#xff0c;提供一个方便用户返回页面顶部的功能是非常重要的。Ant Design Vue 提供了 BackTop 组件&#xff0c;可以轻松实现这一功能。本文将详细介绍如何在 Nuxt 3 项目中使用 <a-back-top/> 组件&#xff0c;并通过按需引入的方式加载组件及其样式…