如何写好js | 青训营笔记

99 阅读1分钟

如何写好js | 青训营笔记

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

写好js的三个原则

各司其职

image.png

组件封装

  • 组件是指web页面上抽出来一个个包含模块、功能、样式的单元,好的组建具有封装性、正确性、扩展性、复用性。
  • 把组件插件化
  • 将代码模板化

image.png

节流函数,防抖

过程抽象

  • 用来处理局部细节控制的一些方法
  • 函数式编程思想的基础应用
  • 高阶函数:以函数为参数和返回值,常用作为函数装饰器,多使用高阶函数减少使用非纯函数的可能性。

image.png

  • 纯函数:如果输入确定,输出也就确定了。无副作用,可以看到预期结果。
  • 非纯函数:不知道预期结果,有副作用,维护性更差。
  • 编程范式
    • 命令式:强调怎么做
    • 声明式:抽象过程,强调结果,方便扩展
    • 三态

代码风格

  • 从场景入手使用代码
  • 应该从多方面考虑代码