Atom编辑器编写的JavaScript代码无法在控制台运行求助（新手）

嘿，我太懂这种明明跟老师代码写得一模一样却报错的憋屈感了！咱们来一步步揪出问题所在：

从你提供的截图来看，控制台抛出了Uncaught ReferenceError: calculateBill is not defined的错误——这说明浏览器压根找不到你定义的calculateBill函数，哪怕你的代码逻辑和老师的完全一致。

大概率出问题的地方： #

• JS文件没保存！：Atom不会自动保存代码哦，写完一定要按Ctrl+S（Windows）或Cmd+S（Mac）保存你的index.js文件。如果没保存，浏览器读取的还是旧的（甚至是空的）文件，自然找不到函数。
• JS引入时机不对：看你的HTML截图，你把<script>标签放在了<head>里。浏览器会优先加载<head>里的内容，这时候页面还没完全解析，JS执行时可能会出现函数未被正确挂载到全局作用域的情况。

快速解决办法： #

1. 先确认保存文件：检查Atom里的index.js标签栏有没有星号（有星号代表未保存），赶紧保存！
2. 调整JS引入位置：把<script src="index.js"></script>移到<body>标签的最底部，也就是</body>的前一行。这样浏览器会先加载完整个页面，再执行JS，函数就能被正确定义了。
   示例代码：

   <body>
     <!-- 你的页面内容 -->
     <script src="index.js"></script>
   </body>
   

3. 备选方案（保留在head里）：给<script>标签加上defer属性，让浏览器延迟执行JS直到页面解析完成：

   <head>
     <!-- 其他head内容 -->
     <script src="index.js" defer></script>
   </head>
   

做完这些后刷新浏览器，再在控制台输入calculateBill()试试，应该就能正常运行啦！

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