JavaScript对象是存储键值对的容器,常用字面量写法创建;访问属性可用点号(.)或方括号([]),前者限合法标识符,后者支持动态和特殊字符属性名;访问不存在属性返回undefined,null/undefined对象上访问会报TypeError,推荐用可选链(?.)保障安全。

JavaScript 对象是存储键值对(key-value)的容器,用来表示现实中的事物或数据结构,比如一个人、一个订单、一组配置项等。每个“键”(也叫属性名)对应一个“值”,值可以是字符串、数字、函数、数组,甚至另一个对象。
对象的基本写法
最常用的是字面量写法,用花括号 {} 包裹:
const person = { name: "小明", age: 25, isStudent: true };
这里 name、age、isStudent 就是属性名,后面的值就是对应的属性值。
立即学习“Java免费学习笔记(深入)”;
两种访问对象属性的方式
访问对象里的值,主要有两种语法:点号(.)和方括号([])
-
点号访问(.):适用于属性名是合法标识符(比如不带空格、不以数字开头、不含特殊符号)的情况。
person.name // "小明"
person.age // 25 -
方括号访问([]):更灵活,支持动态属性名、含空格或特殊字符的属性名。
person["name"] // "小明"
person["full name"] // 如果有这个属性(需用引号)
const key = "age"; person[key] // 25,适合变量控制属性名
注意几个常见情况
访问不存在的属性不会报错,而是返回 undefined:
技术上面应用了三层结构,AJAX框架,URL重写等基础的开发。并用了动软的代码生成器及数据访问类,加进了一些自己用到的小功能,算是整理了一些自己的操作类。系统设计上面说不出用什么模式,大体设计是后台分两级分类,设置好一级之后,再设置二级并选择栏目类型,如内容,列表,上传文件,新窗口等。这样就可以生成无限多个二级分类,也就是网站栏目。对于扩展性来说,如果有新的需求可以直接加一个栏目类型并新加功能操作
person.height // undefined
如果对象本身是 null 或 undefined,再用点号或方括号访问会报错(TypeError),所以实际开发中常配合可选链操作符(?.)使用:
person?.address?.city // 安全访问嵌套属性,避免崩溃
方法也是属性,只是值是函数
对象里存函数,就叫“方法”。调用方式一样:
const car = { brand: "Toyota", start: function() { console.log("引擎启动"); } };
car.start(); // "引擎启动"
car["start"](); // 效果相同
基本上就这些。掌握点号和方括号的区别,再留意一下 undefined 和报错边界,对象属性访问就不复杂但容易忽略细节。










