【自学笔记】JavaScript基础知识点总览-持续更新

【自学笔记】JavaScript基础知识点总览-持续更新

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

JavaScript重点知识点总览一、JavaScript基础1. 变量与数据类型2. 运算符3. 分支结构4. 循环结构

二、函数与作用域1. 函数2. 作用域3. 作用域链

三、面向对象编程1. 对象2. 类与继承

四、异步编程1. 回调函数2. Promise3. async/await

五、DOM操作1. 获取DOM元素2. 操作DOM元素3. 事件处理

六、ES6新特性1. let与const2. 解构赋值3. 模板字符串4. Set与Map

七、模块化1. ES6模块2. CommonJS模块

八、其他重要知识点1. 严格模式2. JSON3. 本地存储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基础知识点总览。

相关推荐

X5Max 样张
bt365无法登陆

X5Max 样张

⏱️ 08-23 👁️ 8853
DA屏是什么?
体育投注英超和欧冠

DA屏是什么?

⏱️ 08-30 👁️ 9328
图库停止运行、无响应、闪退
365bet官网中文网

图库停止运行、无响应、闪退

⏱️ 08-13 👁️ 192
手游服务器开什么端口?
365bet官网中文网

手游服务器开什么端口?

⏱️ 09-30 👁️ 7539
“疱”字是什么意思?正确读音、注音及书写笔顺详解
硬盘如何改成移动硬盘
365bet官网中文网

硬盘如何改成移动硬盘

⏱️ 10-15 👁️ 188