JavaScript入门可直接在HTML中用<script>标签运行，如alert("Hello, JavaScript!")；console.log需打开开发者工具查看；优先使用let/const而非var；调试应先查Console报错并添加日志。
JavaScript 入门不需要先装环境、不用配置构建工具——直接在浏览器里写，保存为 .html 文件双击就能运行。第一个脚本，5 分钟内能跑起来。
怎么让浏览器执行你的第一行 JavaScript？
最简单的方式是把 JS 写进 HTML 的 <script> 标签里。别新建 .js 文件，先避免路径错误、MIME 类型报错这些干扰项。
新建一个文本文件，粘贴以下内容，保存为 hello.html（注意后缀必须是 .html）：
<!DOCTYPE html>
<html>
<body>
<script>
alert("Hello, JavaScript!");
</script>
</body>
</html>
双击打开这个文件，弹窗出现就成功了。关键点：
立即学习“Java免费学习笔记（深入）”；
-
alert()是浏览器原生函数，不依赖任何库，适合验证执行环境 -
<script>放在<body>底部或内部都行，此时 DOM 已加载，不会报Cannot read property 'xxx' of null - 不要用 VS Code 默认的「保存时不带 BOM」以外的编码，UTF-8 无 BOM 最稳
为什么 console.log 没反应？
很多人写 console.log("test"); 却看不到输出，不是代码错了，是没打开开发者工具。
在 Chrome 或 Edge 中按 F12 → 切到 Console 标签页，再刷新页面。常见误区：
-
console.log不会弹窗，只输出到控制台，新手容易以为“没运行” - 如果页面刚加载完就执行
console.log，但控制台还没打开，部分旧版浏览器可能丢掉首条日志（加个setTimeout可验证） - 某些企业内网环境禁用
console，可用alert或修改document.body.innerHTML替代调试
变量声明用 let 还是 var？
现在一律用 let（或 const），别碰 var。它带来的变量提升（hoisting）和函数作用域容易引发隐蔽 bug。
比如这段代码：
console.log(a); // undefined，不是报错 var a = 1;
换成 let 就直接报 ReferenceError：
console.log(b); // ReferenceError: Cannot access 'b' before initialization let b = 2;
这意味着：用 let 能更早暴露逻辑顺序错误；const 用于不重新赋值的量（如 const PI = 3.14159），不是“常量必须大写”这种风格问题，而是语义约束。
下一步该学什么？不是语法，是调试习惯
真正卡住初学者的，从来不是 for 循环怎么写，而是“改了代码但页面没变”“点了按钮没反应却不知道哪错了”。立刻建立两个动作：
- 每次写完 JS，按
F12→Console看有没有红色报错（哪怕只是拼错document.getElementyById） - 给关键步骤加
console.log("step 1")，而不是靠猜“到底执行到哪了” - 右键检查元素 → 找到绑定事件的标签 → 在
Event Listeners面板看是否真挂上了点击函数
语法可以查文档，但调试路径不打通，写一百个 alert 也看不出问题在哪。
