提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
- JavaScript重点知识点总览
- 一、JavaScript基础
- 1. 变量与数据类型
- 2. 运算符
- 3. 分支结构
- 4. 循环结构
- 二、函数与作用域
- 1. 函数
- 2. 作用域
- 3. 作用域链
- 三、面向对象编程
- 1. 对象
- 2. 类与继承
- 四、异步编程
- 1. 回调函数
- 2. Promise
- 3. async/await
- 五、DOM操作
- 1. 获取DOM元素
- 2. 操作DOM元素
- 3. 事件处理
- 六、ES6新特性
- 1. let与const
- 2. 解构赋值
- 3. 模板字符串
- 4. Set与Map
- 七、模块化
- 1. ES6模块
- 2. CommonJS模块
- 八、其他重要知识点
- 1. 严格模式
- 2. JSON
- 3. 本地存储
- 4. 定时器与延时器
- 5. 正则表达式
- 总结
JavaScript重点知识点总览
一、JavaScript基础
1. 变量与数据类型
- 变量声明:使用
var
、let
、const
关键字。var
:存在变量提升,可重复声明,声明的变量均可改。let
:没有变量提升,不可重复声明,声明的变量均可改。const
:没有变量提升,不可重复声明,声明的基本数据类型不可改,引用类型可改属性,必须初始化。
- 数据类型:基本数据类型(Number、String、Boolean、Undefined、Null、Symbol)和引用数据类型(Object)。
2. 运算符
- 算术运算符:
+
、-
、*
、/
、%
。 - 比较运算符:
>
、<
、>=
、<=
、!=
、==
、===
。 - 赋值运算符:
=
、+=
、-=
、*=
、/=
、%=
。 - 逻辑运算符:
||
(或)、&&
(与)、!
(非)。 - 一元运算符:
++
、--
。
3. 分支结构
- if语句:单分支、双分支、多分支。
- switch语句:多分支选择结构,注意使用
break
避免case穿透。
4. 循环结构
- for循环:基本for循环、for-in循环(遍历对象属性)、for-of循环(遍历数组或类数组对象)。
- while循环:基本while循环、do-while循环。
二、函数与作用域
1. 函数
- 函数声明:使用
function
关键字。 - 函数表达式:将函数赋值给变量。
- 箭头函数:ES6引入,更简洁的函数写法,没有
this
绑定,不能作为构造函数。
2. 作用域
- 全局作用域:代码在程序任何地方都能访问。
- 函数作用域:变量在函数内部声明,只能在该函数内部访问。
- 块作用域:由
{}
包围的代码块,let
和const
声明的变量具有块作用域。
3. 作用域链
- 在当前作用域中查找变量,如果找不到,则向上级作用域查找,直到全局作用域,形成作用域链。
三、面向对象编程
1. 对象
- 对象字面量:使用
{}
创建对象。 - 构造函数:使用
function
或class
关键字定义构造函数,通过new
关键字创建对象实例。 - 原型链:每个对象都有一个原型对象,通过原型链实现对象属性和方法的继承。
2. 类与继承
- 类:ES6引入,使用
class
关键字定义类,包含构造函数、方法、静态方法等。 - 继承:使用
extends
关键字实现类的继承,子类可以访问父类的属性和方法。
四、异步编程
1. 回调函数
- 将函数作为参数传递给另一个函数,实现异步操作。
2. Promise
- 用于处理异步操作的结果,提供
then
、catch
、finally
等方法。
3. async/await
- 基于Promise的语法糖,使用
async
关键字声明异步函数,使用await
关键字等待异步操作完成。
五、DOM操作
1. 获取DOM元素
- 使用
getElementById
、getElementsByClassName
、getElementsByTagName
、querySelector
、querySelectorAll
等方法。
2. 操作DOM元素
- 修改元素内容、属性、样式等。
- 使用
appendChild
、removeChild
、replaceChild
等方法操作DOM树。
3. 事件处理
- 捕获和响应用户交互事件,如点击、鼠标移动、键盘输入等。
- 使用
addEventListener
方法添加事件监听器。
六、ES6新特性
1. let与const
- 替代
var
,提供更严格的块级作用域。
2. 解构赋值
- 从数组或对象中提取数据,赋值给变量。
3. 模板字符串
- 使用反引号
`
包裹字符串,支持变量插值、多行字符串等。
4. Set与Map
Set
:用于存储唯一值的集合。Map
:用于存储键值对的集合。
七、模块化
1. ES6模块
- 使用
import
和export
关键字实现模块的导入和导出。
2. CommonJS模块
- 使用
require
和module.exports
实现模块的导入和导出,常见于Node.js环境。
八、其他重要知识点
1. 严格模式
- 使用
"use strict"
启用严格模式,避免不安全的操作。
2. JSON
- 用于数据交换的轻量级数据格式,使用
JSON.stringify
和JSON.parse
方法进行序列化和反序列化。
3. 本地存储
- 使用
localStorage
和sessionStorage
实现客户端数据的持久化存储。
4. 定时器与延时器
- 使用
setTimeout
和setInterval
实现定时任务和延时任务。
5. 正则表达式
- 用于字符串匹配、替换和查找的强大工具。
以上是JavaScript的一些重点知识点总览,涵盖了JavaScript的基础、函数与作用域、面向对象编程、异步编程、DOM操作、ES6新特性、模块化以及其他重要知识点。你可以根据自己的学习进度和需要,进一步补充和完善这份总览。
总结
提示:这里对文章进行总结:
例如:以上就是今天要讲的内容,自学记录JavaScript基础知识点总览。