前端代码整洁与规范之js篇

1. 使用严格模式

JavaScript中的严格模式可以帮助开发者减少错误，提高代码质量。严格模式可以使JavaScript中的一些不规范之处变为抛出错误，使编码习惯更规范。

启用严格模式的方法是在代码的顶部添加如下语句：

'use strict';

2. 变量命名规范

在编写JS代码时，变量名、函数名等的命名应该具有语义化，即可以清晰表达其用途和含义。避免使用过于简单或含糊不清的命名，以提高代码的可读性。例如，将一个表示用户姓名的变量命名为“userName”，表示商品价格的变量命名为“productPrice”。

同时，避免使用过长或过于复杂的命名，可以适当使用缩写，但要确保缩写是容易理解和记忆的。命名应该具有统一性，保持风格一致，遵循一定的命名规范，例如驼峰命名法、下划线命名法等。

变量命名是代码可读性的重要因素之一，良好的变量命名可以让他人更容易理解代码逻辑。以下是一些关于变量命名的规范建议：

• 使用有意义的变量名，避免使用含糊、不清晰的变量名；
• 使用驼峰命名法（camelCase）命名变量，即第一个单词小写，之后的单词首字母大写；
• 变量名尽量简洁明了，尽量避免过长的变量名；
• 避免使用缩写，除非是广为人知的缩写；
• 常量全部使用大写字母，并用下划线连接。

// Good
let userName = 'John Doe';
const MAX_LENGTH = 10;

// Bad
let n = 10; // 不清晰的变量名
let UN = 'John Doe'; // 使用缩写

3. 函数规范

函数是代码的基本组成单位之一，一个良好的函数定义可以提高代码的可读性，减少重复性代码。以下是一些关于函数规范的建议：

• 函数名也要使用有意义的名字，尽量能够表达函数的功能；
• 函数应该只完成一项任务，避免函数过于复杂，使函数职责单一化；
• 避免函数内部出现大量的if-else嵌套&