如何通过长尾词优化JavaScript代码，提升页面加载速度和用户体验？

本文共计3056个文字，预计阅读时间需要13分钟。

目录+引用+提升函数+函数参数化+使用策略模式替换胖分治+提升变量+内部变量+封装变量+阶段+循环+变量+分解条件表达式+合并条件表达式+以卫语句取代表嵌套条件表达式

目录

• 引言
• 提炼函数
• 函数参数化
• 使用策略模式替换“胖”分支
• 提炼变量
• 内联变量
• 封装变量
• 拆分阶段
• 拆分循环
• 拆分变量
• 分解条件表达式
• 合并条件表达式
• 以卫语句取代嵌套条件表达式
• 将查询函数和修改函数分离

引言

我们先引入一句话：

代码主要是为了写给人看的，而不是写给机器看的，只是顺便也能用机器执行而已。

代码和语言文字一样是为了表达思想、记载信息，所以写得清楚能更有效地表达。本文多数总结自《重构：改善既有代码的设计(第2版)》我们直接进入正题，上代码！

提炼函数

what

将一段代码提炼到一个独立的函数中，并以这段代码的作用命名。

where

如果需要花时间浏览一段代码才能弄清楚它到底要干什么，那么这时候就应该将其提炼到一个函数中，并根据它所做的事命名。以后再读这段代码时，一眼就能知道这个函数的用途。