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 导入导出模块
- 模块的加载和执行机制
图片
JavaScript核心知识体系详解与ES6+新特性