JavaScript编码原则 | 青训营笔记

59 阅读1分钟

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

四、写好JavaScript代码

  1. 写好JS的一些原则

    • 各司其职:让HTML、CSS和JS的只能分离

      • 样式、内容和动作不要相互嵌入
      • 在JS中可以用class表示状态
    • 组件封装:好的UI组件具备正确性、拓展性和复用性

      • 结构设计

      • 展示效果

      • 行为设计

        • API(功能)
        • Event,自定义事件(控制流)
      • 三次重构

        • 为了更灵活,使用插件化进行重构解耦

        • 还可以将HTML模板化

          • 通过JS将HTML中的内容传入
        • 抽象化,抽象组件框架

    • 过程抽象:应用函数式的编程思想

      • 用来处理局部细节控制的一些方法
      • 函数式编程的基础应用
      • 用装饰器修饰一些可以复用的过程
      • 高阶函数可以减少非纯函数的使用