JavaScript访问纯数字命名表单元素报SyntaxError的问题排查

问题本质是JavaScript 点语法的属性访问规则限制

• JS 中使用点语法（.）访问对象属性时，紧跟在点后的内容必须是符合规范的合法JS标识符：不能由纯数字组成、不能以数字开头。
• 当代码写在onclick这类内联脚本里，传入document.f.33作为函数参数时，解析器遇到点后面跟的纯数字33，会直接判定为非法表达式，中断参数解析流程，抛出missing ) after argument list的报错。这类报错的字面提示和实际触发原因不直接关联，很多开发者会反复检查括号配对问题，很难第一时间定位到是属性名的语法不合法。
• 当input的name是带字母前缀的n33时，document.f.n33的写法完全符合点语法的标识符要求，因此可以正常运行。

适配纯数字name的正确写法 #

如果必须使用纯数字作为input的name属性值，不要使用点语法访问，改用方括号属性访问语法即可正常运行，这种语法不依赖标识符命名规则，只要传入对应属性的字符串值就能定位到目标元素：

• 错误示例（触发语法报错）：document.f.33.value = 10
• 正确示例（可正常运行）：document.f['33'].value = 10

补充提示：纯数字命名的表单字段本身就容易触发各类JS解析兼容问题，业务开发中更推荐给字段名加统一的字母前缀，从根源上规避这类无意义的语法坑。

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