纯JS数组赋值报Unexpected token '['错误咨询

嘿，我来帮你搞定这个困惑！首先明确说一句：纯JavaScript里完全支持给数组赋值数值，你写的gear[0] = 200这种语法本身是完全合法的，甚至和你熟悉的其他语言逻辑一致。那为什么会报Unexpected token '['错误呢？大概率不是这段代码的问题，而是上下文的语法错误导致解析器混乱了。

先确认正确的赋值方式和位置 #

不管是全局作用域还是函数内部，你的写法都没问题，我给你举两个能正常运行的例子：

1. 全局作用域赋值 #

var gear = []; // 全局声明数组
gear[0] = 200; // 完全合法，不会报错
console.log(gear[0]); // 控制台会输出 200

2. 函数内部赋值 #

var gear = [];
function bla(){
  gear[0] = 200; // 函数内赋值同样合法
}
bla(); // 调用函数后，数组索引0的值就被设置为200了
console.log(gear[0]); // 输出 200

为什么你会遇到报错？ #

Unexpected token '['这个错误通常意味着JavaScript解析器在不该看到[符号的地方遇到了它，根源几乎都是这段数组代码前面的代码存在语法错误，比如：

• 未闭合的引号或括号：比如前面有console.log('hello（少了闭合的单引号），解析器会把后面的代码当成字符串的一部分，直到遇到下一个引号，这时候gear[0]就会被当成非法语法。
• 缺少分号导致的解析歧义：比如前面的代码是let obj = { name: 'test' }（没写分号），紧接着写gear[0] = 200，解析器可能会错误地把它解析成obj = { name: 'test' }[0] = 200，从而触发错误。
• 其他语法错误：比如关键字拼写错误（把function写成functon）、条件语句缺少括号等，都会导致解析器混乱，把错误定位到后面的代码上。

解决步骤 #

1. 单独验证这段数组代码：新建一个简单的HTML文件，只放上面我给的测试代码，运行后你会发现完全正常，证明语法本身没问题。
2. 排查原有代码的上下文：打开浏览器开发者工具（按F12），查看控制台的错误提示，它会指出错误所在的行号，重点检查该行号前面的代码，找有没有未闭合的符号、拼写错误等问题。
3. 逐步调试：如果原有代码比较复杂，可以尝试注释掉部分代码，逐步缩小范围，找到导致解析错误的那一段代码。

总结 #

你想把数组索引0设为指定数值的写法是完全正确的，报错只是因为其他地方的语法问题影响了解析。先单独验证这段代码，再排查原有代码的上下文错误，很快就能解决啦！

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