JavaScript入门关键在于亲手写代码并观察输出变化,优先用console.log调试,引入选外部式,变量声明用let/const替代var。

JavaScript 是网页的“行为层”,不是 Java 的简化版,也不是必须搭配 HTML 才能运行的语言——它能在浏览器里响应点击、验证表单,也能在 Node.js 里读文件、起服务器。
怎么让第一行 JS 代码跑起来?三种引入方式选哪个?
新手最常卡在“写了代码没反应”,问题往往出在引入方式错配:
-
行内式(
onclick="alert(1)"):只适合临时调试或极简交互,一多就混乱,且无法复用、难维护 -
内嵌式(
):适合单页小功能,比如页面加载后初始化一个计时器 -
外部式(
):项目只要超过 10 行代码,就该用这个——避免 HTML 被 JS 污染,也方便缓存和团队协作
⚠️ 注意: 标签内部**不能写任何 JS 代码**,否则会被忽略。
let、const、var 到底该用谁?
别再无脑写 var。它有三个隐蔽坑:
立即学习“Java免费学习笔记(深入)”;
- 变量提升(
console.log(a)不报错,输出undefined,但a还没声明) - 没有块级作用域(
if里的var x = 1,外面还能访问到) - 允许重复声明(
var x=1; var x=2;不报错,但容易掩盖逻辑错误)
✅ 推荐做法:
- 默认用
let:需要重新赋值的变量,比如循环计数器、表单输入暂存 - 用
const:声明后不打算改的值,比如 API 地址、配置对象、DOM 元素引用(注意:const obj = {}允许改obj.a = 1,只是不能把obj指向新地址)
console.log() 是唯一靠谱的输出方式吗?
是的——对开发者而言,console.log() 是调试事实标准;其他方式各有硬伤:
-
alert():会阻塞整个页面,用户点完“确定”才能继续操作,不适合调试流程 -
document.write():页面加载完成后调用,直接清空整个 DOM,新手误用等于“删库” -
innerHTML:只能改特定元素内容,且要先getElementById,步骤多、易出错
? 小技巧:console.table([{name:"张三", age:22}]) 能把对象数组转成表格,比纯 log 更直观;console.error() 和 console.warn() 会带颜色和堆栈,适合标记关键错误路径。
真正入门的关键不在“学完所有语法”,而在“写三行代码 → 看到控制台输出 → 改一个变量 → 再看输出变没变”。其余所有概念,都是为这个闭环服务的。别跳过手动敲的过程,复制粘贴十次不如亲手改错一次。









