Day 3: 读懂代码
让 Claude 解释任何看不懂的代码。
解释代码
解释单个函数
function debounce(func, wait) {
let timeout;
return function executedFunction(...args) {
const later = () => {
clearTimeout(timeout);
func(...args);
};
clearTimeout(timeout);
timeout = setTimeout(later, wait);
};
}你：解释一下这个函数在做什么
Claude：这是一个防抖函数，用来限制函数的执行频率...解释整个文件
你：这个文件的主要功能是什么？
Claude：这个文件是一个用户管理模块，主要包含以下功能...分析项目结构
了解项目架构
你：这个项目的主要架构是什么？
Claude：这是一个 React + Node.js 的全栈项目，主要结构如下...梳理文件关系
你：utils.js 和 helpers.js 有什么区别？
Claude：这两个文件都是工具函数，但用途略有不同...找特定功能
你：登录功能的代码在哪里？
Claude：登录功能主要分布在以下几个文件中...理解业务逻辑
数据流分析
你：用户数据是怎么流转的？
Claude：用户数据的流转过程如下...API 接口分析
你：这个接口返回什么数据？
Claude：这个接口返回用户基本信息，包括...状态管理
你：Redux store 里都存了什么？
Claude：store 中主要包含以下几个状态...实用场景
接手项目
刚拿到一个新项目？
你：帮我分析一下这个项目的整体结构
你：核心业务逻辑在哪些文件里？
你：有哪些重要的配置文件？阅读复杂代码
遇到看不懂的代码？
你：这段正则表达式在匹配什么？
你：这个高阶组件的作用是什么？
你：这个中间件在做什么处理？学习新技术
想了解某个库的用法？
你：这里为什么要用 useEffect？
你：GraphQL 查询是怎么写的？
你：这个装饰器是干什么的？问问题的技巧
✅ 好的提问方式
- "这个函数的参数和返回值是什么？"
- "为什么这里要用闭包？"
- "这个组件的生命周期是怎样的？"
❌ 不好的提问方式
- "这是啥？" - 太笼统
- "看不懂" - 没指出具体部分
- "解释代码" - 没说要解释什么
深入理解
问原理
你：为什么要这样设计？
你：这样写有什么好处？
你：还有其他实现方式吗？问潜在问题
你：这段代码有什么潜在风险？
你：性能上有什么问题吗？
你：安全性怎么样？问优化建议
你：这段代码可以怎么优化？
你：有更简洁的写法吗？
你：符合最佳实践吗？⚠️
注意：看不懂的时候，先让 Claude 用简单的话解释，再问具体细节。
第一阶段完成！ 恭喜你掌握了 Claude Code 的基础操作。接下来进入实战阶段。
下一步
Day 4: 修 Bug - 学会快速定位和修复问题
练习建议：
- 找几个项目里复杂的函数让 Claude 解释
- 让它分析一下你最常用的工具库
- 问问它一些"为什么这样设计"的问题