一、JS 是什么？核心定位
JavaScript 是一门解释型、弱类型、面向对象的脚本语言，主要用于：
网页交互（如按钮点击、表单验证、动态修改页面内容）；
前端逻辑处理（数据计算、条件判断、循环遍历）；
也可通过 Node.js 做后端开发。
二、JS 基础语法（核心必学）
- 运行方式（新手入门）
方式 1：嵌入 HTML（最常用）
html
预览
<!DOCTYPE html>
方式 2：外部文件引入（项目开发规范） 创建 index.js 文件，写入代码： javascript 运行 console.log("外部JS文件"); 在 HTML 中引入： html 预览
JS 是弱类型语言，变量类型由赋值决定，常用声明关键字：
关键字 作用 示例
let 块级作用域变量（推荐） let age = 18;
const 常量（值不可改） const PI = 3.14;
var 旧版声明（不推荐） var name = "张三";
核心数据类型：
javascript
运行
// 1. 基本类型
let num = 20; // 数字（Number）：整数/小数都算
let str = "JS基础"; // 字符串（String）：单/双引号包裹
let bool = true; // 布尔值（Boolean）：true/false
let empty = null; // 空值：表示无值
let undef; // 未定义：变量声明但未赋值
// 2. 引用类型（后续进阶）
let arr = [1, 2, 3]; // 数组
let obj = {name: "张三", age: 18}; // 对象
- 运算符（和 Java 类似，新增细节）
javascript
运行
// 算术运算符
let a = 10, b = 3;
console.log(a + b); // 13（加）
console.log(a / b); // 3.333...（除，JS除法不会取整）
console.log(a % b); // 1（取余）
// 赋值运算符
let c = 5;
c += 2; // 等价于 c = c + 2 → 7
// 比较运算符（重点：== 与 ===）
console.log(18 == "18"); // true（只比值，自动转换类型）
console.log(18 === "18"); // false（值+类型都要相等，推荐用===）
// 逻辑运算符
console.log(true && false); // false（与）
console.log(true || false); // true（或）
console.log(!true); // false（非）
- 条件判断
javascript
运行
// if-else（最常用）
let score = 85;
if (score >= 90) {
console.log("优秀");
} else if (score >= 60) {
console.log("及格");
} else {
console.log("不及格");
}
// 三元运算符（简化if-else）
let result = score >= 60 ? "及格" : "不及格";
console.log(result); // 及格
- 循环
javascript
运行
// for 循环（遍历/重复执行）
for (let i = 1; i <= 5; i++) {
console.log(i); // 输出1-5
}
// while 循环
let j = 1;
while (j <= 5) {
console.log(j);
j++;
}
// forEach（数组专用，常用）
let arr = [10, 20, 30];
arr.forEach(function(item) {
console.log(item); // 依次输出10、20、30
});
- 函数（核心）
javascript
运行
// 方式1：函数声明（最常用）
function add(a, b) {
return a + b; // 返回值
}
let sum = add(3, 5);
console.log(sum); // 8
// 方式2：箭头函数（ES6 新增，简化写法）
const multiply = (a, b) => a b;
console.log(multiply(2, 4)); // 8
三、JS 核心特性（和 Java 区别）
弱类型：变量类型可动态改变，如 let x = 10; x = "JS"; 合法；
解释执行：无需编译，浏览器逐行解析运行；
DOM 操作（JS 独有，网页交互核心）：
javascript
运行
// 获取页面元素并修改内容
document.getElementById("title").innerText = "JS基础学习";
// 给按钮绑定点击事件
document.getElementById("btn").onclick = function() {
alert("按钮被点击了！");
};
四、新手必练小案例（巩固基础）
javascript
运行
// 案例1：计算BMI（对应你之前的Java需求）
let weight = prompt("请输入体重（kg）"); // 弹窗输入
let height = prompt("请输入身高（m）");
let bmi = weight / (height height);
// 保留2位小数
bmi = bmi.toFixed(2);
let status;
if (bmi < 18.5) {
status = "体重过低";
} else if (bmi < 25) {
status = "正常";
} else if (bmi < 30) {
status = "超重";
} else {
status = "肥胖";
}
alert(你的BMI值是${bmi}，评估结果：${status});
总结
JS 核心基础：变量 / 数据类型、运算符、条件判断、循环、函数 是入门必掌握的核心；
关键区别：和 Java 比，JS 是弱类型、解释执行，且独有 DOM 操作能力；
练习重点：先写简单逻辑（如计算、判断），再尝试网页交互（按钮点击、弹窗）。
