JavaScript是前端开发的核心语言，也是全栈开发的必备技能，很多新手觉得JS和Python/Java差异大，入门容易踩坑。其实JS的基础语法和其他语言相通，掌握“变量-运算符-条件判断”这三个核心，就能快速上手。
今天分享JavaScript的基础语法，搭配浏览器可直接运行的代码示例，新手复制到控制台就能练，轻松入门JS～
一、准备工作：运行JS代码的3种方式
新手无需搭建复杂环境，推荐最便捷的方式：
-
浏览器控制台（推荐）：打开Chrome/Firefox，按F12 → 切换到Console标签，直接输入代码回车运行；
-
HTML文件：新建xxx.html，在
<script>标签中写JS代码，用浏览器打开； -
在线编辑器：如JSFiddle、CodePen，无需本地文件。
二、核心1：变量定义（var/let/const，新手必分清）
JS的变量定义有3个关键字，新手最容易混淆，先看对比：
| 关键字 | 作用域 | 能否重复定义 | 能否重新赋值 | 适用场景 |
|---|---|---|---|---|
| var | 函数级 | 能 | 能 | 旧代码兼容（不推荐新手用） |
| let | 块级 | 不能 | 能 | 需修改的变量（推荐） |
| const | 块级 | 不能 | 不能 | 常量（如固定值、配置） |
示例：变量定义与使用
// 1. let：可重新赋值
let age = 20;
console.log(age); // 输出：20
age = 21;
console.log(age); // 输出：21
// 2. const：不可重新赋值（赋值后固定）
const PI = 3.14159;
console.log(PI); // 输出：3.14159
// PI = 3.14; ❌ 报错：常量不能重新赋值
// 3. 变量命名规范（和Python/Java类似）
let user_name = "张三"; // 小写+下划线（推荐）
let userAge = 20; // 驼峰命名（JS常用）
// let 123name = "李四"; ❌ 错误：不能以数字开头
// let if = 5; ❌ 错误：不能用关键字
三、核心2：常用运算符（和Python/Java大同小异）
1. 算术运算符
let a = 10, b = 3;
console.log(a + b); // 13（加法）
console.log(a - b); // 7（减法）
console.log(a * b); // 30（乘法）
console.log(a / b); // 3.333...（除法，保留小数）
console.log(a % b); // 1（取余）
console.log(a ** b); // 1000（幂运算，ES6新增）
console.log(++a); // 11（自增）
console.log(--b); // 2（自减）
2. 比较运算符（返回布尔值）
let x = 5, y = "5";
console.log(x == y); // true（只比较值，不比较类型）
console.log(x === y); // false（严格相等：值+类型都相等，推荐用===）
console.log(x != y); // false（不严格不等）
console.log(x !== y); // true（严格不等）
console.log(x > 3); // true
console.log(x < 10); // true
💡 新手必记：JS中尽量用===/!==，避免类型隐式转换导致的坑！
3. 逻辑运算符
let flag1 = true, flag2 = false;
console.log(flag1 && flag2); // false（与：都真才真）
console.log(flag1 || flag2); // true（或：有真就真）
console.log(!flag1); // false（非：取反）
四、核心3：条件判断（if-else/switch）
1. if-else（最常用）
语法和Python/Java类似，注意用{}包裹代码块（不是缩进）。
let score = 85;
if (score >= 90) {
console.log("优秀");
} else if (score >= 80) {
console.log("良好");
} else if (score >= 60) {
console.log("及格");
} else {
console.log("不及格");
}
// 输出：良好
2. switch（多分支判断）
适合“固定值匹配”的场景，比多个if-else更简洁。
let day = 3;
switch (day) {
case 1:
console.log("星期一");
break; // 跳出switch，避免执行后续case
case 2:
console.log("星期二");
break;
case 3:
console.log("星期三");
break;
default: // 所有case不匹配时执行
console.log("其他日期");
}
// 输出：星期三
💡 避坑：switch的case必须加break，否则会“穿透”（执行后续case）！
五、新手常见报错及解决
-
Uncaught ReferenceError: xxx is not defined：变量未定义就使用（先定义再使用）； -
Uncaught TypeError: Assignment to constant variable：给const变量重新赋值（改用let）； -
Uncaught SyntaxError: Unexpected token：语法错误（检查括号、分号、引号是否配对）。
最后
JavaScript的基础语法并不难，新手重点掌握let/const的区别、===的使用、条件判断的语法，多在浏览器控制台敲代码，观察运行结果，就能快速入门。
