JS概述:
分类 | 描述 |
---|---|
数据类型 | 基本类型如字符串、数值、布尔值,以及复杂类型如对象、数组等 |
运算符 | 包括算术运算符、赋值运算符、比较运算符、逻辑运算符等 |
控制流程 | 条件语句(if-else,switch),循环语句(for,while),跳转语句(break,continue) |
函数 | 创建和调用函数,函数参数和返回值,作用域和闭包等 |
对象 | 创建和使用对象,属性和方法,原型链等 |
数组 | 创建和操作数组,常用数组方法 |
异常处理 | try-catch语句,捕获和处理JavaScript运行时错误 |
DOM操作 | 操作HTML文档元素,修改样式、内容和属性等 |
WEB储存和AJAX | 使用XMLHttpRequest对象发送异步HTTP请求,与服务器交互数据 |
ES6+特性 | 箭头函数、模板字符串、解构赋值、类和模块化等新的JavaScript功能 |
精简的关键字表格:
基本语法和数据类型
关键字 | 描述 |
---|---|
string | 字符串 |
number | 数值 |
boolean | 布尔值 |
var | 变量声明 |
let | 变量声明 |
const | 变量声明 |
if | 条件语句 |
else | 条件语句 |
else if | 条件语句 |
for | 循环语句 |
while | 循环语句 |
do-while | 循环语句 |
break | 跳转语句 |
continue | 跳转语句 |
function | 函数 |
return | 返回值 |
运算符
关键字 | 描述 |
---|---|
+,-,*,/,% | 算术运算符 |
=,+=,-=,*=,/= | 赋值运算符 |
== ,=== ,!=,!==,>,<,>=,<= | 比较运算符 |
&&,| | ,! |
对象和数组
关键字 | 描述 |
---|---|
object,{} | 对象 |
.,[] | 属性和方法访问 |
[] | 创建数组 |
push() | 向数组末尾添加一个或多个元素 |
pop() | 移除并返回数组的最后一个元素 |
slice() | 从已有的数组中返回指定元素 |
splice() | 删除元素,并向数组添加新元素 |
异步编程
关键字 | 描述 |
---|---|
async | 声明一个异步函数 |
await | 暂停异步函数的执行,等待Promise解析后再进行下一步 |
模块化
关键字 | 描述 |
---|---|
require | 引入模块的方法 |
module.exports | 导出一个模块 |
import | 导入一个模块 |
export | 导出一个模块 |
异常处理
关键字 | 描述 |
---|---|
try | 定义一个将被捕获异常的代码块 |
catch | 捕获异常并定义对应的处理逻辑 |
DOM操作
关键字 | 描述 |
---|---|
getElementById() | 通过元素的ID属性获取元素对象 |
querySelector() | 查询匹配指定选择器的元素对象 |
createElement() | 创建一个新的元素对象 |
WEB储存和AJAX
关键字 | 描述 |
---|---|
XMLHttpRequest() | 创建一个XMLHttpRequest对象,用于发送HTTP请求 |
fetch() | 发起网络请求并返回一个Promise对象,用于异步处理响应 |
ES6+特性
关键字 | 描述 |
---|---|
=> | 定义箭头函数 |
`` | 定义模板字符串 |
let { a, b } = obj | 解构赋值 |
class | 创建一个类 |
for…of循环 | 遍历可迭代对象的值 |
constructor | 创建一个类的构造函数 |
extends | 创建类的继承关系 |
async | 声明一个异步函数 |
Promise | 封装异步操作的Promise对象 |
正则表达式
关键字 | 描述 |
---|---|
RegExp | 创建一个正则表达式对象 |
test() | 测试字符串是否满足正则表达式 |
exec() | 在字符串中搜索匹配正则表达式的内容并返回结果 |
错误处理
关键字 | 描述 |
---|---|
throw | 抛出一个用户自定义的异常 |
Error对象 | 用于封装错误的信息 |
事件处理
关键字 | 描述 |
---|---|
addEventListener() | 向指定元素添加事件处理程序 |
removeEventListener() | 移除指定元素的事件处理程序 |
命名空间
关键字 | 描述 |
---|---|
namespace | 声明一个命名空间,用于避免变量名冲突 |
调试工具
关键字 | 描述 |
---|---|
console.log() | 在控制台打印输出信息 |
debugger | 在代码中设置断点,用于调试 |
类型转换
关键字 | 描述 |
---|---|
String() | 将值转换为字符串类型 |
Number() | 将值转换为数值类型 |
Boolean() | 将值转换为布尔类型 |
parseInt() | 解析一个字符串并返回一个整数 |
parseFloat() | 解析一个字符串并返回一个浮点数 |
数学对象和方法
关键字 | 描述 |
---|---|
Math | JavaScript的内置数学对象 |
Math.round() | 对一个数字进行四舍五入 |
Math.random() | 返回一个0到1之间的随机数 |
Math.floor() | 对一个数字进行向下取整 |
字符串方法
关键字 | 描述 |
---|---|
split() | 将字符串拆分为一个数组 |
join() | 将数组中的所有元素连接为一个字符串 |
indexOf() | 返回指定字符串在源字符串中首次出现的位置 |
lastIndexOf() | 返回指定字符串在源字符串中最后一次出现的位置 |
slice() | 从源字符串中提取一个新字符串 |
substr() | 从指定位置开始提取字符串中指定数量的字符 |
replace() | 替换字符串中指定的子串 |
数组方法
关键字 | 描述 |
---|---|
forEach() | 对数组中的每个元素执行一次回调函数 |
map() | 对数组中的每个元素执行一次操作,并返回一个新数组 |
filter() | 使用指定函数对数组中的每个元素进行测试,并返回一个新数组 |
reduce() | 对数组中的每个元素执行一次操作,并返回一个累加的结果 |
find() | 返回数组中满足指定条件的第一个元素 |
sort() | 对数组中的元素进行排序 |
对象方法
关键字 | 描述 |
---|---|
Object.keys() | 返回一个包含对象自身的所有可枚举属性的数组 |
Object.values() | 返回一个包含对象自身的所有属性值的数组 |
Object.assign() | 将一个或多个对象的属性合并到目标对象 |
全局对象
关键字 | 描述 |
---|---|
window | 浏览器中的全局对象 |
global | Node.js中的全局对象 |