JavaScript中字符串数字属性无法用点语法访问问题咨询

嘿，这个问题问得特别好——刚接触JavaScript的朋友几乎都会在原始值的包装对象这里踩坑，我来给你拆解明白：

1. 那些数字属性到底是什么？ #

当你把字符串'tuna'赋值给变量tuna时，它本身是一个原始字符串值，不是对象。但JavaScript有个“自动包装”的机制：当你尝试访问原始值的属性或方法时，JS会临时把它转换成对应的包装对象（这里就是String对象），然后再操作。

那些0、1、2、3就是这个包装对象上的字符索引属性——字符串本质是有序的字符序列，每个字符都对应一个从0开始的索引，这些索引就以数字属性的形式存在，分别对应't'、'u'、'n'、'a'这四个字符。

2. 为什么tuna.0会报错？怎么正确访问？ #

JavaScript里的标识符（比如用点语法访问的属性名）有规则：不能以数字开头，也不能是纯数字（除非用引号包裹）。所以tuna.0这种写法直接违反了语法规则，自然会报错。

想要访问这些数字属性，你得用方括号语法，这是访问非标准标识符属性的标准方式：

console.log(tuna[0]); // 输出 't'
console.log(tuna[1]); // 输出 'u'
console.log(tuna[2]); // 输出 'n'
console.log(tuna[3]); // 输出 'a'

另外要注意：原始字符串是不可变的，哪怕你尝试写tuna[0] = 'T'，也不会改变原字符串的值，最后输出tuna还是'tuna'。

3. 为什么Object.getOwnPropertyNames能拿到这些属性？ #

Object.getOwnPropertyNames这个方法的作用是返回对象的所有自有属性（包括不可枚举的属性）。当你把原始字符串传入这个方法时，JS会自动把它包装成String对象，而这个包装对象上正好包含了这些索引属性和length属性——这就是你在控制台看到那几个数字的原因。

你可以直接创建一个String对象来验证，结果完全一致：

const tunaObj = new String('tuna');
console.log(Object.getOwnPropertyNames(tunaObj)); // 输出 ["0", "1", "2", "3", "length"]

内容的提问来源于stack exchange，提问作者Federico Gentile