优化 JavaScript 代码：10 个技巧让你事半功倍

1. 尽量使用 ES6+语法：ES6+语法更加简洁、高效，可以减少代码量并提高可读性。

// ES5
var add = function(a, b) {
  return a + b;
};

// ES6+
const add = (a, b) => a + b;

2. 避免使用全局变量：全局变量很容易被意外修改，导致程序出现问题。尽量使用局部变量，只在需要的时候声明变量。

// 全局变量
var globalVariable = 1;

// 局部变量
function myFunction() {
  var localVariable = 2;

  console.log(globalVariable + localVariable); // 3
}

3. 合理使用缓存：如果某个计算结果需要多次使用，可以将其缓存起来，避免重复计算。

// 缓存斐波那契数列
const fibonacci = {};

const fib = (n) => {
  if (n in fibonacci) {
    return fibonacci[n];
  }

  if (n <= 1) {
    return n;
  }

  const result = fib(n - 1) + fib(n - 2);
  fibonacci[n] = result;
  return result;
};

4. 减少函数嵌套：函数嵌套太多会降低代码的可读性和可维护性。尽量减少函数嵌套，将复杂逻辑拆分成多个函数。

// 避免函数嵌套
function myFunction() {
  // 嵌套函数
  function nestedFunction() {
    console.log("Nested function");
  }

  nestedFunction();
}

// 将复杂逻辑拆分成多个函数
function myFunction() {
  const result = calculateResult();
  displayResult(result);
}

function calculateResult() {
  // 计算结果的逻辑
}

function displayResult(result) {
  // 显示结果的逻辑
}

5. 使用严格模式：严格模式可以帮助你发现代码中的错误，并防止一些危险的操作。

"use strict";

// 严格模式下的错误
function myFunction() {
  // 变量未声明
  console.log(x);
}

myFunction(); // ReferenceError: x is not defined

6. 使用类型检查：类型检查可以帮助你发现代码中的类型错误，并防止程序出现意外的结果。

// 使用 TypeScript 进行类型检查
function add(a: number, b: number): number {
  return a + b;
}

// 类型错误
add("1", 2); // error: Argument of type "string" is not assignable to parameter of type "number".

7. 使用工具优化代码：有很多工具可以帮助你优化 JavaScript 代码，比如 ESLint、Prettier、UglifyJS 等。

// 使用 ESLint 检查代码风格
eslint .

// 使用 Prettier 格式化代码
prettier .

// 使用 UglifyJS 压缩代码
uglifyjs my_code.js -o my_code.min.js

8. 注意浏览器兼容性：在开发 JavaScript 代码时，需要考虑不同浏览器的兼容性。可以使用 Babel、Polyfill 等工具来支持老旧浏览器的兼容性。

9. 使用 CDN 加载库文件：如果需要使用第三方库文件，可以使用 CDN 来加载，这样可以减少加载时间。

<script class="lazy" data-src="https://unpkg.com/lodash@4.17.20/lodash.min.js"></script>

10. 对代码进行性能分析：可以使用 Chrome DevTools、Firebug 等工具对 JavaScript 代码进行性能分析，找出代码中的性能瓶颈。

// 使用 Chrome DevTools 分析代码性能
open dev tools -> Performance -> Record