JavaScript：关于对象中双引号 (“) 问题

待煎的前端

于 2024-02-20 11:36:01 发布

阅读量594

点赞数 8

分类专栏： JavaScript基础文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/ruancexiaoming/article/details/136175960

版权

13 篇文章 0 订阅

订阅专栏

本文讨论了JavaScript中对象字面量中使用单引号和双引号的区别，强调了在JSON和特定场景下使用双引号的必要性。同时，分析了`obj[b]`与`obj.b`在动态属性访问、代码可读性、运行时解析和错误处理上的差异。

摘要由CSDN通过智能技术生成

关于加不加双引号 (") 问题

{ cur: ‘current fruit’ }与 { “cur”: ‘current fruit’ }
它们都表示一个对象字面量（Object literal），其中包含一个名为 cur 的属性，其值为字符串 ‘current fruit’。

在JSON格式或JavaScript代码中，通常使用双引号 (") 来包裹键名以确保兼容性和避免潜在问题，尽管在JavaScript语法中单引号 (') 也可以用于键名（尤其是在ES6之后）。但在某些情况下，例如在HTML属性中嵌入JS代码或者严格遵循JSON标准时，必须使用双引号来包裹键名。

因此，在日常开发中，推荐使用 { “cur”: ‘current fruit’ } 这种形式以保持良好的编码习惯和最大兼容性。不过，在JavaScript引擎内部处理时，两者并无区别。

在JavaScript中，obj[“b”]和obj.b通常情况下都是用来访问对象obj的属性b。但它们之间存在一些细微区别：

obj[“b”]允许动态地使用变量作为属性名来访问或设置对象的属性。例如：

let key = "b";
console.log(obj[key]); // 等同于 obj["b"]

obj["1property"] // 访问名为"1property"的属性
obj["my-prop"] // 访问名为"my-prop"的属性，其中包含了破折号

对于简单的、明确的字符串属性名，使用.点符号（如obj.b）会使代码更加简洁和易于阅读。

obj.b在编译阶段就会确定要访问哪个属性，而obj[“b”]会在运行时解析。

如果尝试访问一个不存在的对象属性，两者都会返回undefined。但是，如果obj本身是null或undefined，那么直接使用obj.b会导致TypeError，而obj[“b”]不会抛出错误，仍然会返回undefined

总结来说，obj.b 和 obj[“b”] 在大多数常见场景下功能相同，用于访问对象的属性，但在处理动态属性名以及涉及可能为null或undefined的对象时，它们的行为有所不同。

关注