【经验总结】编写JavaScript代码时应遵循的14条规律

当编写 JavaScript 代码时，有一些规律需要遵循，以确保代码质量和可维护性。下面是一份包含14条规律的经验总结：

1. 使用常量

使用常量能使你的代码更具有可维护性。在需要多次用到的常量中，建议通过 const 关键字声明一个不可更改的变量，可以减少错误、提高代码阅读性。

示例：

const MIN_AGE = 18;
const MAX_AGE = 65;

2. 避免使用全局变量

尽量避免使用全局变量，减少全局变量污染，可以使用模块或立即执行函数来实现逻辑划分和数据封装。

示例：

(function() {
  // 这里的 name 不会与其他代码产生冲突
  const name = "John";
})();

3. 使用解构语法

使用解构语法可以提高代码的可读性和可维护性。

示例：

// 传统方式
let name = user.name;
let age = user.age;

// 解构方式
let { name, age } = user;

4. 优化循环

在循环过程中，尽可能少地使用函数调用，将不需要在循环过程中变化的变量提前并保存起来，可以提高循环的效率。

示例：

for (let i = 0, len = arr.length; i < len; i++) {
  // do something
}

5. 遵循单一职责原则

函数和对象要遵循单一职责原则，确保它们只负责一种功能和一组数据。这有助于提高代码的可读性和可维护性。

示例：

// 不好的写法
function calculateAllValues(arr) {
  // do something
}

// 好的写法
function calculateTotalValue(arr) {
  // do something
}

function calculateAverageValue(arr) {
  // do something
}

6. 使用箭头函数

使用箭头函数可以使代码更具有可读性和可维护性，并且可以更方便地处理 this 的作用域。

示例：

somePromise.then(result => {
  // do something with result
});

7. 使用 let 和 const

尽量使用 let 和 const 关键字，而不是 var，let 和 const 有完全不同的作用域。

示例：

function displayValues(arr) {
  for (const value of arr) {
    console.log(value);
  }
}

8. 遵循命名约定

遵循 JavaScript 命名约定，可以使代码的命名规范一致，提高代码可读性和可维护性。

示例：

// 变量名使用 camelCase
const myVariable = "some value";

// 函数名使用 PascalCase
function MyFunction() {
  // do something
}

9. 使用模板字面量

使用模板字面量可以使代码更具有可读性和可维护性，同时还可以在字符串中插入变量。

示例：

let name = "John";
console.log(`My name is ${name}.`);

10. 避免使用全局函数和属性

避免使用全局函数和属性，因为它们可能与其他代码产生冲突。

示例：

// 不好的写法
function getDate() {
  // do something
}

// 好的写法
const myModule = {
  getDate() {
    // do something
  }
};

11. 使用 Promise 和异步代码

使用 Promise 和异步代码可以避免代码堵塞和阻塞，让代码更具有可维护性。

示例：

somePromise.then(result => {
  // do something with result
}).catch(error => {
  // handle error
});

12. 使用模块化

使用模块化的方式封装代码，能有效隔离不同功能的代码，增强代码可读性和可维护性。

示例：

// module.js
export function add(a, b) {
  return a + b;
}

// index.js
import { add } from './module.js';

console.log(add(1, 2));

13. 添加注释

在代码中添加注释，可以让其他人更好地理解你的代码，并增强代码的可读性和可维护性。

示例：

// 计算两个数字的乘积
function multiply(a, b) {
  return a * b;
}

14. 使用 eslint 和代码规范

使用 eslint 工具可以帮助代码规范化和检查潜在的错误，从而增强代码的可读性、可维护性和一致性。

示例：

// .eslintrc.js

module.exports = {
  "extends": "eslint:recommended",
  "rules": {
    "semi": ["error", "always"],
    "quotes": ["error", "double"]
  }
};

以上就是编写 JavaScript 代码时应遵循的14条规律的攻略。