面试题：Svelte 项目中如何制定基础的代码风格规范

Question

在一个 Svelte 前端开发项目里，为了统一项目风格，假设团队成员有不同的代码编写习惯，请阐述你会从哪些方面制定基础的代码风格规范，例如变量命名规则、缩进方式等，并简要说明原因。

Answer 1

变量命名规则

1. 使用驼峰命名法：在 JavaScript 中这是常见的命名约定，如 userName。原因是它能清晰区分单词，提高代码可读性，符合大多数 JavaScript 开发者的习惯。
2. 语义化命名：变量名应能描述其用途，如 isLoggedIn 表示用户是否已登录。这有助于团队成员快速理解代码意图，特别是在大型项目中。

缩进方式

1. 使用 2 个空格：相比制表符（tab），空格在不同编辑器中显示更一致。2 个空格的缩进既能保持代码层次清晰，又不会使代码向右偏移过多，影响阅读。

代码结构

1. 组件结构：将组件相关的逻辑、样式和模板放在一起，如 Svelte 的 .svelte 文件。这样便于管理和维护，组件的功能和边界一目了然。
2. 模块组织：按照功能划分模块，例如将所有 API 调用相关代码放在 api 模块，页面逻辑放在 pages 模块。这有助于提高代码的可维护性和可扩展性。

注释规范

1. 行注释：用于解释单行代码，如 // 获取用户信息。帮助阅读代码的人理解该行代码的作用。
2. 块注释：用于解释一段复杂代码或函数，例如在函数定义上方说明函数的功能、参数和返回值。使其他开发者能快速了解代码功能。

样式规范

1. 使用 BEM 命名约定：如 button--primary 表示按钮的主要样式类。这能清晰地表明样式的作用域和功能，避免样式冲突，同时便于样式的复用和维护。
2. 变量管理：将常用的颜色、字体大小等样式定义为变量，如 $primary-color: #007BFF;。方便统一修改项目风格，提高代码的可维护性。