JavaScript 基础 ｜ 青训营

JavaScript 基础

前言

如何写好JS？

要点是各司其职 组件封装 过程抽象

各司其职

就是尽量将各部分代码应该做的事情明确区分开来。如html单纯的负责页面主题结构，css负责页面样式，JavaScript负责交互。各司其职，各做其事。

组建封装

将好用的前端UI组件进行封装，使其具备好的扩展性和复用性等。

过程抽象

使用抽象概念和算法之类的简化复杂的任务，是带吗更易理解和扩展。

组建封装

组件：指Web页面上包含模板「HTML」、功能「JS」、样式「CSS」的单元。

封装步骤：

1. 结构设计：HTML
2. 展现效果：CSS
3. 行为设计：API
4. 行为设计：控制流

重构

插件化：尽量做抽象处理，将控制元素抽取成插件，插件与组件通过依赖注入进行通信

模板化：将HTML模板化，易于扩展

组建框架：通用的组建模型抽象出来

高阶函数

 function once(fn) {
   return function(...args) {
     if(fn) {
       const ret = fn.apply(this, args);
       fn = null;
       return ret;
     }
   };
 }

总结

老师讲了许多有用的JS知识，如抽象、重构和其他方法。但自身JS基础不牢固，后面听到代码质量优化就有点吃力了，课下需更多的查阅相关资料学习。