JavaScript中Object()的解析與應用

在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;并通過按需引入的方式加載組件及其樣式…