如何解决JS代码中的Parsing error？披萨页面模态框开发报错

嘿，这个问题其实很好搞定！你碰到的解析错误，根源是把三个const变量声明挤在了同一行，却没给它们加分隔符——JavaScript解析器没法正确区分每个独立的变量声明，所以才抛出了这个报错。

修正后的代码 #

只要把每个变量声明用分号隔开，或者单独占一行，代码就能正常解析了：

const openModalButtons = document.querySelectorAll('[data-modal-target]');
const closeModalButtons = document.querySelectorAll('[data-close-button]');
const overlay = document.getElementById('overlay');

额外小提示 #

• 养成良好的代码格式化习惯，每个语句结束后加分号或者单独换行，不仅能避开这类低级语法错误，还能让代码可读性提升不少。
• 如果用VS Code这类编辑器，不妨装个Prettier插件开启自动格式化，它会帮你自动整理代码格式，省掉手动调整的麻烦。

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