JavaScript中数字字面量属性访问的奥秘：1['']与1[]的行为解析

在JavaScript的语法规则中，数字字面量本身是不具备属性的，但在某些特定的属性访问写法下，数字字面量会被临时转换为包装对象，进而支持属性访问操作。其中1['']和1[]这两种写法的行为差异，恰好体现了JavaScript语法解析和类型转换的细微规则。

1['']的执行原理

首先来看1['']这种写法，它是符合JavaScript属性访问的语法规范的。在JavaScript中，使用方括号进行属性访问时，方括号内的内容会被转换为字符串，作为属性名去查找对应的属性。

数字字面量1在参与方括号属性访问时，会先被临时转换为Number包装对象，然后方括号中的空字符串会被作为属性名。Number包装对象本身没有空字符串对应的属性，所以最终返回undefined，整个过程不会抛出错误。

我们可以通过以下代码验证这个逻辑：

// 1['']的执行过程等价于以下代码
const numObj = new Number(1);
console.log(numObj['']); // 输出 undefined
console.log(1['']); // 输出 undefined

1[]的语法错误原因

再来看1[]这种写法，它直接会触发JavaScript的语法解析错误，连执行阶段都进入不了。这是因为JavaScript的语法规则中，方括号属性访问的方括号内必须包含有效的表达式，不能为空。

根据ECMAScript的语法定义，属性访问器MemberExpression [ Expression ]要求方括号内必须有一个Expression（表达式），空方括号不符合语法规范，解析器在解析阶段就会直接抛出错误。

我们可以尝试在浏览器控制台执行以下代码：

// 以下代码会直接抛出语法错误
console.log(1[]);
// 报错信息：Uncaught SyntaxError: Unexpected token ]

相关规则的延伸说明

数字字面量的包装对象转换时机

只有在使用点运算符或者方括号运算符访问数字字面量的属性时，才会触发包装对象转换，其他场景下数字字面量仍然是原始值。例如直接对数字字面量调用方法时，也会先转换再调用：

// 数字字面量调用toString方法，会先转换为包装对象
console.log(1.toString()); // 输出 "1"，注意这里1后面需要加空格或者括号，否则点会被解析为小数点
console.log((1).toString()); // 输出 "1"

方括号属性访问的表达式要求

方括号内的内容可以是任意有效的JavaScript表达式，表达式的结果会被转换为字符串作为属性名。例如以下写法都是合法的：

const obj = { a: 1, 2: 'b' };
console.log(obj['a']); // 输出 1
console.log(obj[1 + 1]); // 输出 "b"，1+1的结果是2，转换为字符串"2"作为属性名
console.log(1['toString']); // 输出 ƒ toString() { [native code] }，访问Number包装对象的toString方法

总结

1['']可以正常执行是因为它符合方括号属性访问的语法，数字字面量被转换为包装对象后，查找空字符串属性返回undefined；而1[]不符合语法规范，方括号内缺少有效表达式，在解析阶段就会抛出错误。理解这些规则可以帮助开发者避免写出不符合语法的代码，同时也能更深入理解JavaScript的类型转换和语法解析逻辑。

JavaScript数字字面量属性访问语法解析类型转换修改时间：2026-06-10 03:27:27