JavaScript核心知识体系详解与ES6+新特性
该思维导图概括了JavaScript的核心知识体系,涵盖基础语法(变量、数据类型、运算符)、流程控制(条件语句、循环语句)、函数、对象、数组、DOM操作、BOM操作、异步编程(回调函数、Promise、async/await)、面向对象编程(类、继承、封装、多态)以及ES6+新特性(let/const、模板字符串、解构赋值、扩展运算符等)。 它以清晰的层级结构,系统地梳理了JavaScript知识点,方便学习和查阅。
源码
# JavaScript核心知识体系详解与ES6+新特性
## 基础语法
### 变量与常量
- var 声明
- let 块级作用域声明
- const 常量声明
### 数据类型
#### 基本数据类型
- 数值(Number)
- 字符串(String)
- 布尔值(Boolean)
- 空值(Null)
- 未定义(Undefined)
- 符号(Symbol)
#### 引用数据类型
- 对象(Object)
- 字面量方式
- 构造函数方式
- 工厂模式
- 数组(Array)
- 字面量
- 构造函数 new Array
- 函数(Function)
### 运算符
- 算术
- +、-、*、/、%、++、--
- 比较
- ==、===、!=、!==、>、<、>=、<=
- 逻辑
- &&、||、!
- 赋值
- =、+=、-=、*=、/=等
- 三元
- 条件 ? 值1 : 值2
## 流程控制
### 条件语句
- if...else
- 嵌套if
- else if...else
- switch...case
### 循环语句
- for 循环
- for...in(遍历对象属性)
- for...of(遍历可迭代对象)
- while 循环
- do...while 循环
## 函数
### 定义与表达式
- 函数声明
- 函数表达式
- 箭头函数
### 参数与返回值
- 形参和实参
- 默认参数
- 剩余参数(...rest)
- 返回值(return)
## 数组
### 数组方法
- 遍历
- forEach
- map
- filter
- reduce
- every
- some
- 增删改
- push
- pop
- shift
- unshift
- splice
- slice
- 排序与搜索
- sort
- reverse
- indexOf
- lastIndexOf
- find
- findIndex
## DOM 操作
### 获取元素
- getElementById
- getElementsByTagName
- getElementsByClassName
- querySelector
- querySelectorAll
### 元素属性操作
- 修改属性
- 获取属性值
### 元素内容操作
- innerHTML
- innerText
- textContent
### 事件处理
- 鼠标事件
- 键盘事件
- 表单事件
- 其他事件
## BOM 操作
### window 对象
- 全局对象
- 弹窗方法
- 定时器
- 页面加载与卸载事件
### location 对象
- 获取和修改 URL 相关信息
- 页面跳转方法
### navigator 对象
- 获取浏览器信息
## 异步编程
### 回调函数
- 作为参数传递给其他函数
### Promise
- 解决回调地狱问题
- 状态
- Pending
- Fulfilled
- Rejected
- 方法
- then
- catch
- finally
### async/await
- 基于 Promise 的异步编程
- 提高可读性
## 面向对象编程
### 类与实例
- 类的定义
- 构造函数
- 实例化对象
### 继承
- extends 关键字
- super 关键字调用父类
### 封装与多态
- 封装数据和行为
- 公有与私有属性
- 多态
- 方法重写
- 方法重载
## ES6+ 新特性
### 变量声明改进
- let 和 const 块级作用域变量声明
### 模板字符串
- 支持插值表达式
- 多行字符串
### 解构赋值
- 从数组和对象中提取值
- 嵌套解构
### 扩展运算符
- 用于数组和对象的展开与合并
### Symbol 与 BigInt
- Symbol 表示唯一值
- BigInt 处理大整数
### 集合类型
- Set
- 唯一值的集合
- Map
- 键值对集合
### 迭代器与生成器
- 迭代器
- next() 方法
- 生成器函数
- yield 关键字
### 异步函数改进
- async/await 异步编程
- Promise.allSettled 等新方法
### 模块系统
- import/export 导入导出模块
- 模块的加载和执行机制
图片