JavaScript 新手必学：5个核心概念搞懂就能写小功能

JavaScript 是前端开发的基础，但新手一看一堆概念就懵。其实先搞懂下面5个核心概念，就能写出常见的网页小功能。

1. 变量——存数据的盒子
let 和 const 用来声明变量。let 可以重新赋值，const 赋值后不能改。日常写代码优先用 const，需要变才用 let。
例子：
let name = "小明";
const age = 20;

2. 函数——一段可重复用的代码
把一段逻辑包成函数，需要的时候调用就行。
例子：
function sayHello(name) {
  return "你好，" + name;
}
console.log(sayHello("小红"));

3. 条件判断——让程序做选择
if else 最常用。满足条件做A，不满足做B。
例子：
if (score >= 60) {
  console.log("及格了");
} else {
  console.log("没及格");
}

4. 事件监听——响应用户操作
网页最常用的就是点击、输入这些交互。addEventListener 监听用户操作然后执行代码。
例子：
document.querySelector("button").addEventListener("click", function() {
  alert("按钮被点了");
});

5. DOM操作——改网页内容
通过JavaScript找到网页上的元素，改文字、改样式、加内容都靠它。
例子：
document.querySelector("h1").textContent = "新标题";

新手学习建议：
- 先在浏览器控制台(F12)里试代码，不用搭环境
- 多写小例子：点击按钮变色、表单验证、简单计数器
- 不用一开始就学框架（Vue/React），先把原生JS搞懂
- 遇到报错先看控制台红色提示，复制去搜答案

这5个概念是地基。学会了就能写简单的交互网页，再往上学数组、循环、API请求就顺了。