复制页面

你还没有登录。你所做的任何更改会将作者标记为匿名用户。如果你已经拥有帐户，请登录。

<h2 style="">1. 代码风格规范</h2><h3 style="">1.1 缩进与空格</h3><ul style=""><li>缩进：使用 2 个空格 作为缩进，禁止使用 Tab。</li><li>空格：<ul><li>在操作符前后添加空格，如 <code>a + b</code>。</li><li>在逗号后添加空格，如 <code>function(a, b, c)</code>。</li><li>在花括号前添加空格，如 <code>if (condition) {</code>。</li><li>在注释符 <code>//</code> 后添加空格，如 <code>// 注释</code>。</li></ul></li></ul><h3 style="">1.2 换行</h3><ul style=""><li>每行代码长度：不超过 80 个字符，超出时换行。</li><li>换行规则：<ul><li>在操作符后换行。</li><li>在逗号后换行。</li><li>保持代码块清晰，避免过度换行。</li></ul></li></ul><table class="wysiwyg-macro" data-macro-name="code" data-macro-id="5f582e06-ceea-4348-92a5-730ab2c6b6ee" data-macro-parameters="language=js" data-macro-schema-version="1" style="background-image: url(http://wiki.huacjian.cn/plugins/servlet/confluence/placeholder/macro-heading?definition=e2NvZGU6bGFuZ3VhZ2U9anN9&amp;locale=zh_CN&amp;version=2); background-repeat: no-repeat;" data-macro-body-type="PLAIN_TEXT"><tr><td class="wysiwyg-macro-body"><pre>const result = someVeryLongFunctionName(argument1, argument2, argument3)
 .then(data => {
 // 处理数据
 })
 .catch(error => {
 // 处理错误
 });</pre></td></tr></table><h3 style="">1.3 命名规范</h3><ul style=""><li>变量和函数：使用 <code>camelCase</code> 命名法，如 <code>userName</code>、<code>getUserInfo</code>。</li><li>常量：使用 <code>UPPER_SNAKE_CASE</code> 命名法，如 <code>MAX_COUNT</code>。</li><li>类：使用 <code>PascalCase</code> 命名法，如 <code>UserModel</code>。</li><li>私有成员：使用 <code>_</code> 前缀，如 <code>_privateMethod</code>。</li></ul><table class="wysiwyg-macro" data-macro-name="code" data-macro-id="161b3569-55eb-4ff5-867e-67b64b50f494" data-macro-parameters="language=js" data-macro-schema-version="1" style="background-image: url(http://wiki.huacjian.cn/plugins/servlet/confluence/placeholder/macro-heading?definition=e2NvZGU6bGFuZ3VhZ2U9anN9&amp;locale=zh_CN&amp;version=2); background-repeat: no-repeat;" data-macro-body-type="PLAIN_TEXT"><tr><td class="wysiwyg-macro-body"><pre>const MAX_COUNT = 100;

function getUserInfo(userId) {
  // 逻辑
}

class UserModel {
  constructor() {
    this._privateProperty = 'private';
  }

_privateMethod() {
 // 私有方法
 }
}</pre></td></tr></table><h3 style="">1.4 引号</h3><ul style=""><li>使用 单引号 <code>'</code> 作为字符串的引号，除非字符串中包含单引号。</li></ul><table class="wysiwyg-macro" data-macro-name="code" data-macro-id="669887ab-3d92-4f73-933d-cd95afd44287" data-macro-parameters="language=js" data-macro-schema-version="1" style="background-image: url(http://wiki.huacjian.cn/plugins/servlet/confluence/placeholder/macro-heading?definition=e2NvZGU6bGFuZ3VhZ2U9anN9&amp;locale=zh_CN&amp;version=2); background-repeat: no-repeat;" data-macro-body-type="PLAIN_TEXT"><tr><td class="wysiwyg-macro-body"><pre>const name = 'John';
const message = "He's a developer";</pre></td></tr></table><h3 style="">1.5 分号</h3><ul style=""><li>必须使用分号，避免因自动插入分号导致的潜在问题。</li></ul><table class="wysiwyg-macro" data-macro-name="code" data-macro-id="fae1da49-b65c-491d-95a8-4a600d95a712" data-macro-parameters="language=js" data-macro-schema-version="1" style="background-image: url(http://wiki.huacjian.cn/plugins/servlet/confluence/placeholder/macro-heading?definition=e2NvZGU6bGFuZ3VhZ2U9anN9&amp;locale=zh_CN&amp;version=2); background-repeat: no-repeat;" data-macro-body-type="PLAIN_TEXT"><tr><td class="wysiwyg-macro-body"><pre>const a = 1;
const b = 2;</pre></td></tr></table><h3 style="">1.6 花括号</h3><ul style=""><li>始终使用花括号，即使代码块只有一行。</li></ul><table class="wysiwyg-macro" data-macro-name="code" data-macro-id="802ee6f9-bdd2-40b5-b855-cb1b321b087d" data-macro-parameters="language=js" data-macro-schema-version="1" style="background-image: url(http://wiki.huacjian.cn/plugins/servlet/confluence/placeholder/macro-heading?definition=e2NvZGU6bGFuZ3VhZ2U9anN9&amp;locale=zh_CN&amp;version=2); background-repeat: no-repeat;" data-macro-body-type="PLAIN_TEXT"><tr><td class="wysiwyg-macro-body"><pre>if (condition) {
 doSomething();
}</pre></td></tr></table><h3 style="">1.7 注释</h3><ul style=""><li>单行注释：使用 <code>//</code>，注释内容与符号之间保留一个空格。</li><li>多行注释：使用 <code>/* ... */</code>。</li><li>函数注释：使用 JSDoc 格式。</li></ul><table class="wysiwyg-macro" data-macro-name="code" data-macro-id="174eb218-ef54-460f-bf68-48d88f8084a1" data-macro-parameters="language=js" data-macro-schema-version="1" style="background-image: url(http://wiki.huacjian.cn/plugins/servlet/confluence/placeholder/macro-heading?definition=e2NvZGU6bGFuZ3VhZ2U9anN9&amp;locale=zh_CN&amp;version=2); background-repeat: no-repeat;" data-macro-body-type="PLAIN_TEXT"><tr><td class="wysiwyg-macro-body"><pre>/ 单行注释

/*
 * 多行注释
 */

/**
 * 获取用户信息
 * @param {string} userId - 用户 ID
 * @returns {Object} 用户信息
 */
function getUserInfo(userId) {
 // 逻辑
}</pre></td></tr></table>