JavaScript反引号字符串与分号问题：解构赋值未执行原因咨询

这是JavaScript**自动分号插入（Automatic Semicolon Insertion, ASI）**的典型问题，和反引号字符串本身无关，但多行模板字符串的写法触发了ASI的特殊解析规则。

问题代码的解析逻辑 #

看你这段代码：

var sql = `
SELECT teams.name FROM teams
JOIN events ON events.hometeamuuid = teams.id
`
[condition, values] = temp

JavaScript的ASI不会在以左方括号[开头的行前自动插入分号，它会把上下两行合并成一个表达式：

var sql = `...`[condition, values] = temp

这里的[condition, values]被解析成了模板字符串的属性访问器（逗号运算符会返回最后一个值，等价于sql[values] = temp）。由于此时condition和values还未定义，这段代码实际是在给sql这个字符串的一个未定义属性赋值，完全不是你预期的解构赋值操作，所以调试器无法在这行断住，变量也始终是undefined。

加了分号为什么正常 #

当你在模板字符串结尾添加分号;后：

var sql = `...`;
[condition, values] = temp;

ASI会将两行视为独立的语句，[condition, values] = temp被正确解析成解构赋值，自然能从temp中获取值并赋值给变量。

避坑提示 #

JavaScript允许省略分号，但以下场景必须手动添加，防止ASI的意外合并：

• 行首是[、(、/、+、-开头时
• 模板字符串、对象字面量、函数表达式之后接其他表达式时

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