永州市网站建设_网站建设公司_自助建站_seo优化

以下是关于 JavaScript 的核心知识点分类整理，涵盖基础到进阶内容，适合系统学习或复习：

---

一、基础语法

1. 变量声明

   • var（函数作用域，存在变量提升）
   • let（块级作用域，可重新赋值）
   • const（块级作用域，不可重新赋值）

2. 数据类型

   • 原始类型：Number、String、Boolean、null、undefined、Symbol（ES6）、BigInt（ES2020）
   • 引用类型：Object（包括Array、Function、Date、RegExp等）
   • 类型检测：typeof、instanceof、Object.prototype.toString.call()

3. 运算符

   • 算术、比较、逻辑、赋值、三元运算符
   • 严格相等（===）与宽松相等（==）的区别

4. 流程控制

   • 条件语句：if/else、switch
   • 循环：for、while、do...while、for...of（遍历可迭代对象）、for...in（遍历对象属性）

---

二、函数与作用域

1. 函数定义

   • 函数声明、函数表达式、箭头函数（=>）
   • 参数：默认参数、剩余参数（...args）

2. 作用域链

   • 词法作用域（静态作用域）
   • 闭包：函数能访问其定义时的词法环境

3. 高阶函数

   • 函数作为参数或返回值（如map、filter、reduce）

4. this指向

   • 默认绑定（全局）、隐式绑定（方法调用）、显式绑定（call/apply/bind）、new绑定
   • 箭头函数无自己的this，继承外层作用域的this

---

三、对象与原型

1. 对象创建

   • 对象字面量、构造函数、Object.create()
   • 属性描述符：writable、enumerable、configurable、value/get/set

2. 原型链

   • __proto__（非标准）与Object.getPrototypeOf()
   • prototype属性（构造函数特有）
   • 继承：原型链继承、构造函数继承、组合继承、ES6 类继承

3. ES6 类

   • class语法糖、extends、super、静态方法（static）

---

四、异步编程

1. 回调函数

   • 嵌套回调与回调地狱

2. Promise

   • 状态（pending、fulfilled、rejected）
   • 方法：.then()、.catch()、.finally()、Promise.all()、Promise.race()

3. Async/Await

   • 基于 Promise 的语法糖，用async声明函数，await暂停执行

4. 事件循环（Event Loop）

   • 宏任务（setTimeout、setInterval、I/O）与微任务（Promise.then、MutationObserver）

---

五、DOM 与 BOM 操作

1. DOM 操作

   • 节点获取：getElementById、querySelector、querySelectorAll
   • 节点修改：createElement、appendChild、removeChild、innerHTML/textContent
   • 事件监听：addEventListener、事件委托

2. BOM 操作

   • window对象：location、history、navigator、localStorage/sessionStorage

---

六、ES6+ 新特性

1. 变量解构

   • 数组解构：const [a, b] = [1, 2]
   • 对象解构：const { name } = { name: 'Alice' }

2. 模板字符串

   • 反引号（`）与插值表达式（`${var}`）

3. 扩展运算符

   • 数组/对象展开：[...arr]、{...obj}

4. 模块化

   • import/export（ES6 模块）与require/module.exports（CommonJS）

5. 其他特性

   • Set/Map数据结构
   • Proxy（代理对象）、Reflect（反射）
   • 生成器函数（function*）与yield

---

七、错误处理

1. try/catch/finally
2. 抛出错误：throw new Error('message')
3. 自定义错误类型：继承Error类

---

八、性能优化

1. 防抖（Debounce）与节流（Throttle）
2. 虚拟滚动（Virtual Scrolling）
3. 代码分割（Code Splitting）与懒加载
4. Web Worker（多线程处理）

---

九、工具与生态

1. 包管理工具：npm、yarn、pnpm
2. 构建工具：Webpack、Vite、Rollup
3. 代码规范：ESLint、Prettier
4. 测试框架：Jest、Mocha、Cypress

---

十、进阶主题

1. 内存管理：垃圾回收机制、内存泄漏场景
2. 设计模式：单例、观察者、发布-订阅等
3. TypeScript：静态类型检查、接口、泛型
4. WebAssembly：运行高性能代码

---

以上知识点可根据实际需求深入学习，建议结合实践（如开发小项目）巩固理解。