这是我参与「第四届青训营 」笔记创作活动的的第5天

写好JS的一些原则

• 各司其职:让HTML、CSS和JS的职能分离
  1. HTML（网页）、CSS（设计）和JS（行为）各司其职
  2. 应当避免不必要的由JS直接操作样式
  3. 可以用class来表示状态
  4. 纯展示类交互寻求零JS的方案
• 组件封装：将常用组件封装；好的UI组件具备封装性、正确性、扩展性、复用性
  • 基本方法：
    • 结构设计
    • 展示效果
    • 行为设计（API功能+Event控制流）
  • 重构：插件化
    • 将控制元素抽取成插件 -> 插件与组件之间通过 依赖注入 方式建立联系
  • 重构：模板化
    • 将HTML模板化，更易于扩展
  • 组件框架：抽象
    • 将组件通用模型抽象出来
• 过程抽象：应用 函数式 编程思想
  • 用来处理局部细节控制的一些方法
  • 函数式编程思想的基础应用
  • 操作次数限制：一些异步交互；一次性的HTTP请求

高阶函数

Once 为了能够让“只能执行一次”的需求覆盖不同的事件处理，我们可以将这个需求剥离出来。

• 高阶函数特点：
  • 以函数作为参数
  • 以函数作为返回值
  • 常用于函数装饰器
• 等价高阶函数
• 常用高阶函数
  • Throttle：节流函数
  • Debounce：防抖函数
  • Consumer/2：
  • Iterative：可迭代方法
• 为什么要用高阶函数？
  • 提高代码的可维护性

编程范式：命令式与声明式

• 命令式强调怎么做
• 声明式强调做什么

声明式：对函数进行抽象声明，声明后在每次时候就调用即可