JavaScript是浏览器中唯一能直接响应用户操作、修改页面内容、发起网络请求的语言；首行代码可在浏览器Console中直接执行console.log()，无需环境配置，且必须理解其运行于浏览器上下文。
JavaScript 不是“一种需要先学完 HTML 和 CSS 才能碰的附属语言”，它是浏览器里唯一能直接响应用户操作、修改页面内容、发起网络请求的编程语言——你打开网页时的轮播图、表单校验、点击展开菜单，背后全是它在跑。
怎么让第一行 JavaScript 代码立刻执行
不需要装环境、不用配置构建工具。打开任意网页（比如 about:blank），按 F12 → 切到 Console 标签页，直接敲：
console.log("Hello, I'm running in the browser");
回车就出结果。这就是最轻量的执行入口。注意：别用在线编辑器或 JSFiddle 代替这一步——它们隐藏了“JavaScript 运行在浏览器上下文”这个事实，容易让你误以为它和 Python 一样靠解释器启动。
-
console.log()是调试起点，不是装饰；所有变量、函数调用结果，先打出来看一眼再往下走 - 别写
alert()来测试，它会阻塞页面，且现代开发中几乎不用 - 如果控制台报错
ReferenceError: xxx is not defined，大概率是变量名拼错了，或者声明位置在调用之后（JS 有变量提升，但let/const不会）
从哪里读 DOM 元素并改它的文字
学 JS 的第一个实际目标不是做计算器，而是“让页面动起来”。比如把某个按钮的文字从“加载中…”改成“完成！”：
立即学习“Java免费学习笔记（深入）”；
document.querySelector("#submit-btn").textContent = "完成！";
关键点不在语法，而在理解执行时机：
- 必须等 HTML 加载完才能查元素，否则
querySelector()返回null；把脚本放在</body>前，或用DOMContentLoaded事件包裹 -
textContent改纯文本，innerHTML可插 HTML，但后者有 XSS 风险，除非你明确信任内容来源 - 别用
document.write()，它会清空整个页面，只存在于老教程里
为什么用 addEventListener 而不是 onclick
初学者常写 button.onclick = function() {...}，看起来能用，但很快会掉坑里：
- 一个元素只能绑定一个
onclick，后赋值会覆盖前一个；而addEventListener可叠加多个监听器 -
onclick只支持内联写法或 JS 赋值，无法传参、不好解绑；addEventListener可以用removeEventListener精确移除 - 真实项目里，同一个按钮可能被不同模块监听（比如统计埋点 + 表单提交），必须用事件监听器模式
正确写法：
const btn = document.querySelector("#submit-btn");
btn.addEventListener("click", function(event) {
console.log("按钮被点了，事件对象是：", event);
});
什么时候该停下来查 MDN 而不是抄代码片段
遇到 fetch 报 TypeError: Failed to fetch、Array.map() 返回空数组、setTimeout 立刻执行……这些不是“不会写”，而是对 API 的边界条件没概念。
- MDN 上每个函数文档都带“规范定义”“浏览器兼容性”“常见错误示例”，比如
fetch()默认不带 cookie，要加{ credentials: "include" } - 别信 Stack Overflow 上“一行解决”的答案，先看 MDN 的 “Parameters” 和 “Exceptions” 小节
- Chrome 控制台输
Array.prototype.map回车，能看到原生函数签名，比任何教程都准
真正卡住的往往不是语法，而是你不知道某个方法在什么条件下会静默失败、返回什么类型、是否修改原数组——这些细节全在 MDN 的“行为描述”里，而不是示例代码里。
