这是我参与「第四届青训营 」笔记创作活动的的第3天
如何写好一个JavaScript？
- 各司其职（让HTML，CSS,JavaScript职能分离）
- 组件封装（好的UI组件具备正确性，扩展性和复用性）
- 过程抽象（运用函数式编程思想）
各司其职
- HTML/CSS/JavaScript各司其职
- 应当避免不必要的由JS直接操作样式
- 可以用class来表示状态
- 纯展示类寻求零JS方案
组件封装
组件是指Web页面上抽出来一个个包含模板（HTML）,功能（JS），样式（CSS）的单元。好的组件应具备封装性，正确性，扩展性和复用性。
基本原则：
- 封装性
- 正确性
- 扩展性
- 复用性
基本步骤：
- 结构设计
- 展示效果
- 行为设计
API（功能） Event（控制流）
三次重构：
- 插件化
- 模板化
- 抽象化（组件框架）
过程抽象
过程抽象：
- 用来处理局部细节控制的一些方法
- 函数式编程思想的基础应用
高阶函数（HOF）：
- 以函数作为参数
- 以函数作为返回值
- 常用于作为函数装饰器
常用高阶函数：
- Once
- Throttle（节流函数：限制频率）
- Debounce （防抖函数：如界面超过一定时间自动保存）
- Consumer/2 （如延时调用）
- Iterative （可迭代）
例子Once：
为了能够让“只执行一次”的需求覆盖不同的事件处理，我们可以将这个需求剥离出来。这个过程我们称为过程抽象。
为什么要使用高阶函数？
高级函数是纯函数， 纯函数的执行结果是可预期的，方便维护。 在代码中应该尽量多使用纯函数，减少非纯函数的使用，这样可以提高代码的可维护性。
编程规范
声明式和命令式
- 声明式编程通常表示为做什么
- 命令式编程通常表示为怎么做
