首页 > web前端 > js教程 > 正文

javascript对象是什么_如何访问对象属性?

紅蓮之龍
发布: 2025-12-20 15:21:07
原创
563人浏览过
JavaScript对象是存储键值对的容器,常用字面量写法创建;访问属性可用点号(.)或方括号([]),前者限合法标识符,后者支持动态和特殊字符属性名;访问不存在属性返回undefined,null/undefined对象上访问会报TypeError,推荐用可选链(?.)保障安全。

javascript对象是什么_如何访问对象属性?

JavaScript 对象是存储键值对(key-value)的容器,用来表示现实中的事物或数据结构,比如一个人、一个订单、一组配置项等。每个“键”(也叫属性名)对应一个“值”,值可以是字符串、数字、函数、数组,甚至另一个对象。

对象的基本写法

最常用的是字面量写法,用花括号 {} 包裹:

const person = { name: "小明", age: 25, isStudent: true };

这里 nameageisStudent 就是属性名,后面的值就是对应的属性值。

立即学习Java免费学习笔记(深入)”;

两种访问对象属性的方式

访问对象里的值,主要有两种语法:点号(.)和方括号([])

  • 点号访问(.):适用于属性名是合法标识符(比如不带空格、不以数字开头、不含特殊符号)的情况。
    person.name // "小明"
    person.age // 25
  • 方括号访问([]):更灵活,支持动态属性名、含空格或特殊字符的属性名。
    person["name"] // "小明"
    person["full name"] // 如果有这个属性(需用引号)
    const key = "age"; person[key] // 25,适合变量控制属性名

注意几个常见情况

访问不存在的属性不会报错,而是返回 undefined

魔法映像企业网站管理系统
魔法映像企业网站管理系统

技术上面应用了三层结构,AJAX框架,URL重写等基础的开发。并用了动软的代码生成器及数据访问类,加进了一些自己用到的小功能,算是整理了一些自己的操作类。系统设计上面说不出用什么模式,大体设计是后台分两级分类,设置好一级之后,再设置二级并选择栏目类型,如内容,列表,上传文件,新窗口等。这样就可以生成无限多个二级分类,也就是网站栏目。对于扩展性来说,如果有新的需求可以直接加一个栏目类型并新加功能操作

魔法映像企业网站管理系统 0
查看详情 魔法映像企业网站管理系统

person.height // undefined

如果对象本身是 nullundefined,再用点号或方括号访问会报错(TypeError),所以实际开发中常配合可选链操作符(?.)使用:

person?.address?.city // 安全访问嵌套属性,避免崩溃

方法也是属性,只是值是函数

对象里存函数,就叫“方法”。调用方式一样:

const car = { brand: "Toyota", start: function() { console.log("引擎启动"); } };
car.start(); // "引擎启动"
car["start"](); // 效果相同

基本上就这些。掌握点号和方括号的区别,再留意一下 undefined 和报错边界,对象属性访问就不复杂但容易忽略细节。

以上就是javascript对象是什么_如何访问对象属性?的详细内容,更多请关注php中文网其它相关文章!

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号