JS :一门轻量级、解释型、面向对象的脚本语言,主要用于实现网页交互逻辑,也可用于后端(Node.js)、移动端开发。
核心功能:修改网页内容 / 样式、处理用户交互、发送网络请求、数据存储与处理。
3 种引入方式:
- 行内脚本:直接写在 HTML 元素事件属性中(不推荐,耦合度高);
- 内部脚本:写在 HTML
<script>标签中(适用于单页面简单逻辑); - 外部脚本:写在独立
.js文件中,通过<script src="xxx.js"></script>引入(推荐,解耦、易维护)。
执行顺序:从上到下顺序执行,<script> 标签放在 <body> 底部(避免 DOM 未加载完成导致操作失败),或使用 DOM 加载完成事件。
注释规范:单行注释 // 注释内容,多行注释 /* 多行注释内容 *
基本数据类型
string:字符串类型(单 / 双 / 反引号包裹,如"abc"、'123'、hello);number:数字类型(整数、小数、NaN,如10、3.14、Infinity);boolean:布尔类型(仅有true真、false假两个值);undefined:未定义类型(变量声明未赋值、访问不存在的属性时返回);null:空类型(表示一个空对象指针,手动赋值表示 “无”);symbol:ES6 新增,唯一不重复的值(用于对象属性唯一标识,基础阶段暂不深入)。
常用运算符
- 算术运算符:
+、-、*、/、%(取余)、++(自增)、--(自减); - 赋值运算符:
=、+=、-=、*=、/=; - 比较运算符:
==(值相等)、===(值和类型都相等,推荐)、!=、!==、>、<; - 逻辑运算符:
&&(与,全真为真)、||(或,一真为真)、!(非,取反)。
(1)分支结构(根据条件执行不同代码)
if-else:单分支 / 双分支 / 多分支,适用于复杂条件判断;if-else if-else:多条件递进判断;switch-case:多值匹配判断,适用于固定值匹配(如菜单选择、状态判断)。
(2)循环结构(重复执行某段代码)
for循环:适用于已知循环次数的场景(如遍历数组);while循环:先判断条件,再执行循环(适用于未知循环次数);do-while循环:先执行一次循环,再判断条件(至少执行一次);- 循环控制:
break(终止整个循环)、continue(跳过当前循环,进入下一次)。




