- 函数定义：封装一段可重复执行的代码块，分为声明式函数和表达式式函数；
- 函数参数：形参（函数定义时的参数，仅在函数内有效）、实参（函数调用时传入的参数），支持默认参数（ES6）；
- 函数返回值：通过
return关键字返回函数执行结果，无return则返回undefined，return同时会终止函数执行； - 函数调用：函数名 (实参列表)，可多次调用实现代码复用；
- 箭头函数（ES6 推荐）：简化函数语法，
(参数) => { 函数体 }，适用于简单函数。
（1）数组
- 用于存储一组有序数据（可重复、类型可不同），通过索引访问（索引从 0 开始）；
- 常用方法：
push()（末尾添加元素）、pop()（末尾删除元素）、shift()（头部删除元素）、unshift()（头部添加元素）、length（获取数组长度）。
（2）对象
- 用于存储一组键值对（属性：值），属性名可自定义，值可以是任意数据类型（包括函数）；
- 访问对象属性：
对象.属性名或对象["属性名"]； - 修改 / 添加属性：
对象.属性名 = 新值（存在则修改，不存在则添加）； - 对象方法：属性值为函数的属性，称为对象方法，通过
对象.方法名()调用。
- DOM ：文档对象模型（Document Object Model），将 HTML 页面解析为一个树形结构，每个元素都是一个 DOM 节点；
- 核心步骤：先获取 DOM 元素，再操作 DOM 元素（修改内容、样式、属性）；
- 获取 DOM 元素：常用
document.getElementById()、document.getElementsByClassName()、document.querySelector()（ES6 推荐，支持 CSS 选择器）； - DOM 操作：
- 修改内容：
innerText（纯文本，不解析 HTML）、innerHTML（解析 HTML 标签）； - 修改样式：
element.style.样式名 = 样式值（样式名采用驼峰命名，如fontSize）； - 修改属性：
element.getAttribute(属性名)、element.setAttribute(属性名, 属性值)。
- 修改内容：
- 事件：用户与页面的交互行为（如点击、悬浮、输入），或页面的自动触发行为（如加载完成）；
- 事件三要素：事件源（触发事件的 DOM 元素）、事件类型（如
click、mouseover）、事件处理程序（事件触发后执行的函数）； - 事件绑定方式：
- 行内绑定（不推荐，耦合度高）：
<element onclick="函数名()">； - 脚本绑定（推荐，解耦）：
element.onclick = function() {}； - 事件监听（ES6 推荐，支持绑定多个同类型事件）：
element.addEventListener("click", 函数名)；
- 行内绑定（不推荐，耦合度高）：
- 常用事件：
click（点击）、mouseover（鼠标移入）、mouseout（鼠标移出）、change（表单内容改变）、load（页面加载完成）、submit（表单提交）； - 事件对象：事件处理函数的默认参数（通常用
e表示），包含事件相关信息（如触发元素、鼠标位置），常用e.preventDefault()阻止默认行为（如表单提交、链接跳转）。
总结
基础语法：变量声明（let/const）、数据类型、运算符是构建 JS 程序的基石；
流程控制：分支（if/switch）和循环（for/while）实现程序的逻辑走向；
代码封装：函数实现代码复用，箭头函数简化语法；
数据存储：数组（有序集合）和对象（键值对集合）处理复杂数据；
页面交互：DOM 操作修改页面外观，事件处理响应用户行为；
核心原则：代码解耦（如外部脚本、脚本绑定事件）、注重可读性、避免语法陷阱（如 == 与 === 的区别）。
