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

JavaScript对象如何创建_如何访问其属性?

幻影之瞳
发布: 2025-12-18 13:37:53
原创
875人浏览过
JavaScript对象常用字面量创建,访问属性时点号适用于合法标识符,方括号支持动态名、空格及特殊字符;访问不存在属性返回undefined,嵌套需用可选链防错。

javascript对象如何创建_如何访问其属性?

JavaScript对象可以用多种方式创建,访问属性也有点号和方括号两种常用写法,关键看属性名是否合法、是否动态。

创建对象的常见方式

最常用的是对象字面量,简洁直观:

  • 字面量方式const obj = { name: "Alice", age: 25 };
  • 构造函数方式const obj = new Object(); obj.name = "Alice";
  • Object.create():适合需要指定原型的对象,如 const obj = Object.create({ greet() { return "Hi"; } });
  • 类(class)方式:本质是语法糖,适用于有明确结构和方法的场景:class Person { constructor(name) { this.name = name; } }

用点号访问属性(.)

适用于属性名是合法标识符(字母、数字、下划线、美元符开头,不以数字开头,不含空格或特殊符号):

  • obj.name → 返回 "Alice"
  • obj.age → 返回 25
  • 不能用于 obj.first nameobj.2ndItem,会报语法错误

用方括号访问属性([])

更灵活,支持动态属性名、含空格/特殊字符/变量的属性:

Otter.ai
Otter.ai

一个自动的会议记录和笔记工具,会议内容生成和实时转录

Otter.ai 141
查看详情 Otter.ai
  • obj["name"] 等价于 obj.name
  • obj["first name"] → 正确访问带空格的属性
  • obj[2] → 访问类似数组索引的属性(对象属性名总是字符串,2 会被自动转为 "2"
  • const key = "age"; obj[key] → 动态读取,适合循环或配置驱动场景

注意属性访问的边界情况

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

  • obj.heightundefined(不是错误)
  • 嵌套访问需防报错,比如 obj.user?.name(可选链)或先判断 obj.user && obj.user.name
  • 属性名是字符串,所以 obj[1]obj["1"] 是一回事

基本上就这些。创建看需求,访问看命名和灵活性——静态用点号,动态或特殊名用方括号。

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

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

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

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