工作区与暂存区关系

工作区与暂存区的基本概念

Git的工作区（Working Directory）是项目文件的本地目录，开发者在这里直接编辑代码。暂存区（Staging Area）是Git特有的中间层，用于精心挑选要纳入下次提交的变更。两者关系如同生产线上的质检环节：工作区生产原始材料，暂存区筛选合格产品。

// 工作区修改示例
function calculate(a, b) {
  return a + b; // 修改了算法逻辑
}

文件状态的生命周期

文件在Git中经历四种状态变化：

1. 未跟踪（Untracked）：新创建的文件
2. 已修改（Modified）：工作区有变更
3. 已暂存（Staged）：通过git add加入暂存区
4. 已提交（Committed）：最终存入版本库

# 查看状态变化的典型流程
git status
git add .
git commit -m "message"

暂存区的筛选作用

暂存区允许选择性提交，比如只提交部分文件修改。这在修复多个bug时特别有用，可以分离不同问题的解决方案。

# 选择性暂存示例
git add src/utils/validator.js  # 只暂存验证逻辑修改
git add tests/validator.test.js # 再暂存测试用例

交互式暂存操作

git add -p命令提供更精细的控制，可以审查每个变更块决定是否暂存。面对大型修改时，这能避免不相关变更混入同一提交。

# 交互式暂存示例
git add -p src/components/Modal.js
# 会出现每个变更块的交互选项

撤销操作的差异

工作区和暂存区的撤销方式不同：

• 撤销工作区修改：git checkout -- <file>
• 撤销暂存区修改：git reset HEAD <file>

// 原始文件内容
const config = {
  apiUrl: 'https://api.example.com'
};

// 工作区错误修改后
const config = {
  apiUrl: '错误URL' // 需要撤销的修改
};

差异比较的三层结构

Git提供多层次的差异比较：

• 工作区vs暂存区：git diff
• 暂存区vs版本库：git diff --cached
• 工作区vs版本库：git diff HEAD

# 比较工作区与暂存区的CSS修改
git diff assets/styles/main.css

实战中的典型工作流

1. 在工作区完成功能开发
2. 用git add -p筛选相关变更
3. 通过git diff --cached确认暂存内容
4. 执行git commit生成精确的提交记录

# 完整工作流示例
git add src/features/userProfile/
git diff --cached
git commit -m "重构用户资料页组件结构"

暂存区的高级应用

暂存区可以暂存部分文件修改，这在处理大型重构时特别有用。例如同时修改了组件结构和样式，但希望分两次提交。

// 修改前的组件
class OldComponent extends React.Component {
  // ...
}

// 同时做了两项修改
// 1. 改为函数组件（结构变更）
function NewComponent() {
  // 2. 添加了新样式逻辑（功能增强）
  const [style] = useState({/*...*/});
}

临时保存变更的场景

当需要切换分支但当前工作未完成时，git stash命令会将工作区和暂存区的变更同时保存。与暂存区不同，stash存储的是未提交的完整工作状态。

# 紧急修复bug时的典型操作
git stash push -u
git checkout hotfix-branch
# 修复完成后
git checkout feature-branch
git stash pop

配置对工作流的影响

Git配置可以改变默认行为：

• core.autocrlf：处理行尾符
• core.ignorecase：文件名大小写 这些设置会影响工作区与暂存区的差异检测。

# 查看影响工作区的配置
git config --list | grep core

可视化工具的优势

GUI工具如GitKraken能直观展示工作区（红色）、暂存区（绿色）和版本库的差异。对于复杂变更，这比命令行更易理解文件状态变化。

# 生成可视化提交图
git log --graph --oneline --all

钩子脚本的介入点

Git钩子如pre-commit会在暂存区内容提交前触发。这时工作区可能包含未暂存修改，而钩子只检查暂存区文件。

# pre-commit钩子示例
#!/bin/sh
npm run lint-staged # 仅检查暂存文件