本文共 929 字，大约阅读时间需要 3 分钟。

命名规范与代码写作技巧

• 首字母小写，采用驼峰式命名，如myReact。
• 命名时使用set、get等前缀，例如setCount（设置操作）、getCount（获取操作）。

2. 组件命名
• 首字母大写，采用驼峰式命名，例如class MyReact extends Component。
3. 常量命名
• 全部字母大写，使用下划线分隔且表达清晰，如MY_REACT_PROJECT。
4. 函数命名
• 首字母小写，采用驼峰式命名，如myReact = () => { }.
• 使用箭头函数，单参数时必须带括号如( ) => { }。
5. 模板语法
• 避免使用连接字符串，用模板字符串替代，例如www.${name}.com。
6. 变量声明
• 使用let或const声明，禁止使用var。
• 代码一行结束时必须有分号。
7. 数组与对象初始化
• 简单元素可在一行声明，如let arr1 = [];.
• 复杂元素应换行，并确保最后一个元素后无逗号。
8. 比较操作
• 类型严格比较，仅判断null或undefined时可用===。
• 避免使用==，防止隐式类型转换。
9. 代码创建方式
• 使用字面量创造，如let obj = {} 或let arr = [].
• 尽量使用解构赋值，如let {a, b} = {a:1, b:2, c:3}.
10. 对象键名处理
• 当所有键名一致时可用缩写，如{ x, y, x }.
• 如果存在不同情况，不建议使用缩写。

注释规范

11. 行内注释
• 单独行注释使用//，注释前空一行。
• 代码后注释需前有空格，如// 注释内容.
12. 函数注释
• 带有参数和返回值时必须使用标识，内容需清晰完整。

代码示例

let foo = {x, y, x} // 简洁的对象声明 function abc() { // 行内注释可用多行 return a = 1; // 添加注释 }

// 使用JSDoc注释示例 /**

• @param {string} p1 参数说明
• @param {string} p2 参数说明
• @return {object} 返回值说明 */ function foo(p1, p2, p3 = 10) { let p3 = p3 || 10; return { p1, p2, p3 }; }