JavaScript 是一种动态语言，允许在运行时添加、删除和修改对象的属性。但是，在尝试给字符串对象添加新属性时，我们会遇到问题：新属性似乎被添加了，但是当我们尝试获取这个属性时，它却返回 undefined。
字符串对象的不可变性
在 JavaScript 中，字符串是一种不可变的数据类型。这意味着一旦创建了一个字符串对象，就无法更改它的值。例如：
--- --- - -------- ------ - ---- ----------------- -- -- ----------- -------
这是因为字符串对象的值是只读的，任何尝试修改它的操作都会被忽略。当我们尝试给字符串对象添加一个新属性时，实际上是在尝试修改这个对象，而这是不允许的。因此，该操作将被忽略，新属性也不会被添加到对象中。
字符串对象的包装器
如果我们尝试像下面这样给字符串字面量添加属性，JavaScript 引擎会自动将其转换为一个字符串对象，并在其上添加属性：
--- --- - -------- ---------------- - -------- ------------------------------ -- -- ---------
这里发生的事情是 JavaScript 引擎将原始字符串值转换为一个字符串对象，这个对象是字符串对象的一个包装器。由于该对象是动态创建的，因此我们可以向其添加属性。但是，当我们尝试访问这个新属性时，JavaScript 引擎会再次将字符串包装为一个新的对象，这个新对象上并没有我们添加的属性。因此，我们获取到的值是 undefined。
如何解决这个问题
如果我们希望在 JavaScript 中存储与字符串相关的键值对，可以使用 ES6 中引入的 Map 数据结构。Map 允许我们将任意类型的值作为键，并且不受字符串对象的限制：
--- --- - --- ------ --- --- - -------- ------------ --------- -------------------------- -- -- -------
这里，我们将字符串对象 str 作为 Map 的键，并将字符串 "world" 作为其值存储。当我们需要访问这个值时，只需要用相同的字符串对象作为键来获取它即可。这种方式比给字符串对象添加属性更灵活、安全和可扩展。
总结
在 JavaScript 中，字符串对象是一种不可变的数据类型，无法在运行时修改其值。尝试给字符串对象添加属性会被忽略，因为这涉及到修改对象本身。可以使用 Map 数据结构来代替字符串对象的属性，以存储与字符串相关的键值对。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/14653