为什么不能在 JavaScript 中添加字符串对象的属性？

JavaScript 是一种动态语言，允许在运行时添加、删除和修改对象的属性。但是，在尝试给字符串对象添加新属性时，我们会遇到问题：新属性似乎被添加了，但是当我们尝试获取这个属性时，它却返回 undefined。

字符串对象的不可变性

在 JavaScript 中，字符串是一种不可变的数据类型。这意味着一旦创建了一个字符串对象，就无法更改它的值。例如：

let str = "hello";
str[0] = "H";
console.log(str); // 输出 "hello"，而不是 "Hello"

这是因为字符串对象的值是只读的，任何尝试修改它的操作都会被忽略。当我们尝试给字符串对象添加一个新属性时，实际上是在尝试修改这个对象，而这是不允许的。因此，该操作将被忽略，新属性也不会被添加到对象中。

字符串对象的包装器

如果我们尝试像下面这样给字符串字面量添加属性，JavaScript 引擎会自动将其转换为一个字符串对象，并在其上添加属性：

let str = "hello";
str.someProperty = "world";
console.log(str.someProperty); // 输出 undefined

这里发生的事情是 JavaScript 引擎将原始字符串值转换为一个字符串对象，这个对象是字符串对象的一个包装器。由于该对象是动态创建的，因此我们可以向其添加属性。但是，当我们尝试访问这个新属性时，JavaScript 引擎会再次将字符串包装为一个新的对象，这个新对象上并没有我们添加的属性。因此，我们获取到的值是 undefined。

如何解决这个问题

如果我们希望在 JavaScript 中存储与字符串相关的键值对，可以使用 ES6 中引入的 Map 数据结构。Map 允许我们将任意类型的值作为键，并且不受字符串对象的限制：

let map = new Map();
let str = "hello";
map.set(str, "world");
console.log(map.get(str)); // 输出 "world"

这里，我们将字符串对象 str 作为 Map 的键，并将字符串 "world" 作为其值存储。当我们需要访问这个值时，只需要用相同的字符串对象作为键来获取它即可。这种方式比给字符串对象添加属性更灵活、安全和可扩展。

总结

在 JavaScript 中，字符串对象是一种不可变的数据类型，无法在运行时修改其值。尝试给字符串对象添加属性会被忽略，因为这涉及到修改对象本身。可以使用 Map 数据结构来代替字符串对象的属性，以存储与字符串相关的键值对。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14653