1. 变量与数据类型相关
变量 (Variable)
var声明：
声明的变量存在变量提升，会被提升到函数或全局作用域的顶部，且在函数内声明会成为函数级作用域，在全局声明则是全局作用域。
声明的变量可以重新赋值。
由于变量提升和可重新赋值的特性，var声明的变量在内存管理上相对灵活但也容易导致意外的全局变量或变量覆盖问题。
变量(let)
let声明：
var 和 let 声明的变量值可以重新赋值改变。
let 和 const 不允许在同一作用域内重复声明变量。
let 和 const 具有块级作用域，在 {} 代码块内声明的变量，仅在该代码块内有效。
常量 (Constant)
const声明：
声明的不可变值，只在声明所在的块级作用域内有效。
声明的变量在声明时必须初始化，且不能重新赋值，不过对于const声明的对象或数组，其内部属性或元素可以被修改。
声明的变量因为不可重新赋值，在某些情况下有助于优化内存管理，减少因意外修改导致的错误。
数据类型 (Data Type)
如 Number, String, Boolean, Object, Array
类型转换 (Type Casting/Conversion)
字面量 (Literal)
如 "hello"（字符串字面量）、42（数字字面量）
作用域 (Scope)
如全局作用域、函数作用域、块级作用域
提升 (Hoisting)
变量或函数的声明提升到作用域顶部
2. 函数相关
函数声明 (Function Declaration)
function foo() {}
函数表达式 (Function Expression)
const foo = function() {}
箭头函数 (Arrow Function)
() => {}
回调函数 (Callback)
作为参数传递的函数
高阶函数 (Higher-Order Function)
接收或返回函数的函数
闭包 (Closure)
函数与其词法环境的组合
递归 (Recursion)
函数调用自身
3. 异步编程相关
回调地狱 (Callback Hell)
多层嵌套回调
Promise
表示异步操作的结果
Async/Await
用同步写法处理异步操作
事件循环 (Event Loop)
JavaScript 的异步执行机制
微任务 (Microtask)
如 Promise.then()
宏任务 (Macrotask)
setTimeout
4. 网络与请求相关
HTTP 请求
HTTP Request
//python GET
import requests
# 定义目标URL
url = "https://api.github.com/users/octocat"
try:
# 发送GET请求
response = requests.get(url)
# 检查响应状态码
if response.status_code == 200:
# 如果请求成功，打印响应内容（以JSON格式解析后打印）
data = response.json()
print(data)
else:
print(f"请求失败，状态码: {response.status_code}")
except requests.RequestException as e:
print(f"请求发生异常: {e}")
//python POST
import requests
# 定义目标URL
url = "https://api.github.com/users/octocat"
try:
# 发送GET请求
response = requests.get(url)
# 检查响应状态码
if response.status_code == 200:
# 如果请求成功，打印响应内容（以JSON格式解析后打印）
data = response.json()
print(data)
else:
print(f"请求失败，状态码: {response.status_code}")
except requests.RequestException as e:
print(f"请求发生异常: {e}")
AJAX
Asynchronous JavaScript and XML
Fetch API
现代网络请求方式
RESTful API
符合 REST 架构的接口
JSON
JavaScript Object Notation
轻量级数据交换格式
CORS
Cross-Origin Resource Sharing
跨域资源共享
WebSocket
全双工通信协议
5. DOM/BOM 相关
DOM (Document Object Model)
文档对象模型
BOM (Browser Object Model)
浏览器对象模型
事件委托 (Event Delegation)
利用冒泡机制管理事件
虚拟 DOM (Virtual DOM)
提高渲染性能的技术
选择器 (Selector)
如 querySelector, getElementById
事件监听 (Event Listener)
addEventListener
6. 时间相关
时间戳 (Timestamp)
表示时间的数字（如 Unix 时间戳）
Date 对象 (Date Object)
JavaScript 处理日期的对象
定时器 (Timer)
//setTimeout
//setInterval
节流 (Throttle)
限制函数执行频率
防抖 (Debounce)
延迟执行直到停止触发
7. 正则表达式
正则表达式 (Regular Expression, Regex)
用于匹配字符串模式
匹配 (Match)
如 str.match(/pattern/)
替换 (Replace)
如 str.replace(/pattern/, 'new')
测试 (Test)
如 /pattern/.test(str)
标志 (Flags)
如 g（全局）、i（忽略大小写）
8. 其他常见术语
算法 (Algorithm)
解决问题的步骤
数据结构 (Data Structure)
如数组、链表、栈、队列
面向对象 (OOP)
类、继承、封装、多态
模块化 (Modularity)
如 import/export
设计模式 (Design Pattern)
如单例模式、观察者模式
异常处理 (Error Handling)
try/catch
调试 (Debugging)
如 console.log, debugger
9. 输出（Output）相关
（1）通用输出
输出（Output）
程序运行后返回的结果
打印（Print）
console.log();
//PHP
echo "输出内容";
//Pytho
print()
日志（Logging）
记录程序运行信息，如 console.log、console.error
标准输出（stdout）
命令行程序的默认输出流
标准错误（stderr）
命令行程序的错误输出流
格式化输出（Formatted Output）
如 printf（C）、${variable}（JS 模板字符串）
（2）前端输出
DOM 渲染（DOM Rendering）
动态更新页面内容
弹窗（Alert/Popup）
alert()、confirm()、prompt()
控制台输出（Console Output）
console.log()、console.table()
页面重定向（Redirect）
window.location.href = "..."
（3）后端/服务器输出
API 响应（API Response）
如返回 JSON/XML 数据
HTTP 响应（HTTP Response）
包含状态码（Status Code）、响应头（Headers）、响应体（Body）
流式输出（Streaming Output）
//如 Node.js 的
response.write()
文件输出（File Output）
如写入 .txt、.csv 文件
10. 提交（Submit）相关
（1）表单提交
表单提交（Form Submission）
<form action="/submit" method="POST">
AJAX 提交（AJAX Submission）
使用 fetch() 或 axios 异步提交
表单验证（Form Validation）
前端（JS）或后端（如 Express 的 express-validator）
防止重复提交（Prevent Double Submission）
禁用提交按钮或使用 Token
（2）代码/数据提交
Git 提交（Git Commit）
git commit -m "message"
数据库提交（Database Commit）
如 SQL 的 COMMIT（事务提交）
API 提交（API Submission）
如 POST /api/data 提交 JSON 数据
文件上传（File Upload）
<input type="file"> + FormData
（3）系统/任务提交
任务队列提交（Job Queue Submission）
如 Redis + Bull（Node.js 任务队列）
批处理提交（Batch Submission）
如 Python 脚本批量处理数据后提交
Shell 命令提交（Command Submission）
./script.sh 或 npm run build
11、判断相关
1. 条件语句
if / else if / else
switch / case
if
try
switch
三元运算符 ? :
逻辑判断：&& (AND)、|| (OR)、! (NOT)
2. 比较操作
if (abc==shuliang){
//宽松相等
}
if (abc===shuliang){
//严格相等
}
if (abc!=shuliang){
//宽松不等于(支持自动转换类型)
}
if (abc!==shuliang){
//严格不相等(不支持自动转换类型)
}
if (abc>=shuliang){
//大于或等于
}
if (abc<=shuliang){
//小于或等于
}
if (abc>shuliang){
//大于
}
if (abc < shuliang){
//小于
}
in（检查属性是否存在，如JS/Python）
instanceof（检查对象类型，如JS）
3. 其他术语
真值（Truthy） / 假值（Falsy）
短路求值（Short-circuit evaluation）
断言（Assertion）（测试中常用）
12、跳转相关
1. 页面跳转
HTTP重定向：
//PHP:
header("Location: url")
//HTML:
<meta http-equiv="refresh" content="0;url=target">
前端跳转：
onclick="handler()";
//覆盖当前页面
window.location.href = "url"
//无历史记录
window.location.replace("url")
//新页面可控制窗口参数
window.open('url', '_blank', 'width=600,height=400');
2. 代码流程控制
循环控制：
break（退出循环）
continue（跳过当前迭代）
函数返回：
return（终止函数并返回值）
yield（生成器函数，如Python/JS）
3. 其他术语
路由（Routing）（前端框架如React/Vue中的页面跳转逻辑）
PRG模式（Post-Redirect-Get，防止表单重复提交）
13、事件相关
1. 事件类型
用户交互事件：
click、submit、hover、keypress
DOM事件：
load、resize、scroll
表单事件：
change、input、focus、blur
2. 事件处理
事件监听：
JS:
addEventListener("event", handler);
HTML：（内联事件）
onclick="handler()";
事件对象：
event.preventDefault()（阻止默认行为）
event.stopPropagation()（阻止事件冒泡）
3. 其他术语
事件委托（Event Delegation）（利用冒泡机制优化性能）
异步事件：Promise、async/await、setTimeout
发布/订阅模式（Pub/Sub）（事件驱动的设计模式
14、常见组合场景
1. 条件跳转 (PHP)
console.log("Result:", data)
2. 事件触发判断(javascript)
button.addEventListener("click", function() {
if (input.value === "") {
alert("请输入内容！");
return; // 终止函数
}
submitForm();
});
3. 循环中的跳转(Python)
for item in list:
if item == "skip":
continue # 跳过本次循环
print(item)
15、扩展概念
- 状态码（HTTP跳转相关）：
- 301（永久重定向）、302（临时重定向）、404（未找到）
- 事件循环（Event Loop）（JS异步机制）
- 守卫语句（Guard Clause）（提前返回简化条件判断）
16. 常见组合用法
前端表单提交
<form onSubmit={handleSubmit}> + fetch("/api", { method: "POST" })
命令行输出
console.log("Result:", data)
Git 提交代码
git add . → git commit -m "Fix bug" → git push
API 数据提交
axios.post("/user", { name: "Alice" })