🎬 HoRain云小助手：个人主页
🔥 个人专栏: 《Linux 系列教程》《c语言教程》
⛺️生活的理想，就是为了理想的生活!
⛳️ 推荐
前些天发现了一个超棒的服务器购买网站，性价比超高，大内存超划算！忍不住分享一下给大家。点击跳转到网站。
专栏介绍
专栏名称 | 专栏介绍 |
《C语言》 | 本专栏主要撰写C干货内容和编程技巧，让大家从底层了解C，把更多的知识由抽象到简单通俗易懂。 |
《网络协议》 | 本专栏主要是注重从底层来给大家一步步剖析网络协议的奥秘，一起解密网络协议在运行中协议的基本运行机制！ |
《docker容器精解篇》 | 全面深入解析 docker 容器，从基础到进阶，涵盖原理、操作、实践案例，助您精通 docker。 |
《linux系列》 | 本专栏主要撰写Linux干货内容，从基础到进阶，知识由抽象到简单通俗易懂，帮你从新手小白到扫地僧。 |
《python 系列》 | 本专栏着重撰写Python相关的干货内容与编程技巧，助力大家从底层去认识Python，将更多复杂的知识由抽象转化为简单易懂的内容。 |
《试题库》 | 本专栏主要是发布一些考试和练习题库（涵盖软考、HCIE、HRCE、CCNA等） |
目录
⛳️ 推荐
专栏介绍
1. 基本概念
2. 创建对象
(1) 字面量语法
(2) 构造函数
(3) 类（ES6）
3. 属性访问
4. 方法
5. 原型链（Prototype）
6. 属性描述符
7. 对象操作
8. 对象遍历
9. 不可变对象
10. 解构与扩展
11. 常用工具方法
12. 注意事项
总结
JavaScript 对象是用于存储数据和功能的集合，是 JavaScript 中最核心的数据结构之一。以下是关于 JavaScript 对象的详细说明：
1. 基本概念
对象是键值对（Key-Value Pair）的集合，键（属性名）是字符串（或 Symbol），值可以是任意类型（包括函数、其他对象等）。对象的语法如下：
const person = { name: "Alice", age: 25, greet: function() { console.log("Hello!"); } };2. 创建对象
(1) 字面量语法
const obj = { key1: value1, key2: value2, method() { /* 方法体 */ } };(2) 构造函数
const obj = new Object(); obj.key = "value";(3) 类（ES6）
class Person { constructor(name) { this.name = name; } greet() { console.log("Hello!"); } } const person = new Person("Alice");3. 属性访问
- 点符号：适用于静态属性名。
console.log(person.name); // Alice - 方括号：适用于动态属性名或包含特殊字符的属性名。
const key = "age"; console.log(person[key]); // 25
4. 方法
对象的方法是绑定在对象上的函数：
const calculator = { add(a, b) { return a + b; } }; console.log(calculator.add(2, 3)); // 55. 原型链（Prototype）
所有 JavaScript 对象都有一个原型（__proto__），原型对象可以共享属性和方法。通过原型链实现继承：
function Person(name) { this.name = name; } Person.prototype.greet = function() { console.log(`Hello, ${this.name}`); }; const person = new Person("Alice"); person.greet(); // Hello, Alice6. 属性描述符
使用Object.defineProperty()可以定义属性的特性：
Object.defineProperty(obj, 'key', { value: 42, writable: false, // 是否可修改 enumerable: false, // 是否可枚举（for...in） configurable: false // 是否可删除或修改属性描述符 });7. 对象操作
- 添加/修改属性：
obj.newKey = "newValue"; - 删除属性：
delete obj.key; - 检查属性是否存在：
'key' in obj; // true obj.hasOwnProperty('key'); // true（检查是否是自身属性）
8. 对象遍历
- for...in 循环：遍历对象自身及继承的可枚举属性。
for (let key in obj) { console.log(key, obj[key]); } - 获取键/值数组：
Object.keys(obj); // ["key1", "key2"] Object.values(obj); // [value1, value2] Object.entries(obj); // [["key1", value1], ["key2", value2]]
9. 不可变对象
- 冻结对象：不能添加、删除或修改属性值。
Object.freeze(obj); - 密封对象：不能添加或删除属性，但可以修改现有属性。
Object.seal(obj);
10. 解构与扩展
- 解构赋值：
const { name, age } = person; - 扩展运算符（...）：
const clone = { ...person }; // 浅拷贝
11. 常用工具方法
- 合并对象：
const merged = Object.assign({}, obj1, obj2); - 判断对象是否相等：
JSON.stringify(obj1) === JSON.stringify(obj2);
12. 注意事项
- 引用类型：对象是引用类型，赋值时传递的是引用地址。
const a = { x: 1 }; const b = a; b.x = 2; console.log(a.x); // 2 - 避免全局污染：尽量减少全局对象的使用。
总结
JavaScript 对象灵活且强大，通过理解原型链、属性描述符、引用类型等核心概念，可以更高效地管理和操作数据。结合 ES6 的新特性（如类、解构、扩展运算符），能写出更简洁和可维护的代码。
❤️❤️❤️本人水平有限，如有纰漏，欢迎各位大佬评论批评指正！😄😄😄
💘💘💘如果觉得这篇文对你有帮助的话，也请给个点赞、收藏下吧，非常感谢!👍 👍 👍
🔥🔥🔥Stay Hungry Stay Foolish 道阻且长,行则将至,让我们一起加油吧！🌙🌙🌙
