JavaScript对象添加数组属性：方括号与点符号使用疑问及报错解析

嗨，很高兴你顺利搞定了Challenge 16，还摸透了Challenge 17的解法！咱们来把你的两个疑问掰扯清楚～

问题1：为什么点符号语法loopNumbers.nestedArr[i][0] = nestedArr[i][1]会报错？ #

这本质是JavaScript里对象属性访问的两种语法规则差异：

• 点符号（.）要求后面跟的是固定的标识符字面量——简单说就是必须是一个直接写死的属性名，不能是动态计算出来的表达式。
• 方括号语法（[]）则支持表达式求值：它会先计算括号里的代码（比如nestedArr[i][0]）得到一个具体的值，再把这个值作为属性名去操作对象。

你用点符号写loopNumbers.nestedArr[i][0]时，JavaScript会把整个nestedArr[i][0]当成一个完整的属性名去查找loopNumbers上的这个属性——显然loopNumbers根本没有叫nestedArr[i][0]的属性，所以loopNumbers.nestedArr会返回undefined，再去取[i][0]自然就抛出「Cannot read property '0' of undefined」的错误了。

而方括号写法loopNumbers[nestedArr[i][0]]会先算出nestedArr[i][0]的结果（比如某个数字或者字符串），再把这个结果作为属性名给loopNumbers赋值，这完全符合你的需求。

问题2：关于代码分号的疑问 #

JavaScript有「自动分号插入（ASI）」机制，它会在某些特定场景下自动帮你补上分号，比如一行代码结束、遇到换行符的时候。所以像你写的那行赋值语句，不加手动分号也能正常运行。

但这里要提醒一句：ASI不是万能的，有些特殊情况（比如换行后紧跟括号、模板字符串、或者return语句换行）会触发意想不到的bug。所以业界普遍推荐手动添加分号来避免这些坑，不过如果你的代码风格是省略分号，只要严格遵循ASI的规则（比如换行前确保不会被误解析），也完全没问题。

内容的提问来源于stack exchange，提问作者sgt.ahn