JS的学习 | 青训营笔记

这是我参与「第四届青训营 」笔记创作活动的的第3天，这节课主要介绍了原生JavaScript 的使用要点，帮助大家熟练掌握前端JavaScript技能。以下是我这节课的笔记：

1.如何写好JavaScript

应遵循三个原则：各司其责、组件封装、过程抽象。

2.各司其责

• HTML/CSS/JS各司其责；
• 避免不必要的直接使用JS操作样式；
• 使用class来表示状态；
• 纯展示类交互寻求零JS方案。

3.组件封装

• 组件是指Web页面上抽出来一个个包含模板(HTML)、样式(CSS)、功能(JS)的单元；
• 好的组件：封装性、正确性、扩展性、复用性。

• 2.1 基本方法

• 结构设计
• 展现效果
• 行为设计
  • API(功能)
  • Event(控制流)

2.2 重构

• 插件化
  • 将控制元素抽象成插件；
  • 插件与组件之间通过依赖注入的方式建立联系。
• 模板化
  • 将HTML模板化，更易于扩展。
• 抽象
  • 将组件通用模型抽象出来。

4.过程抽象

• 用来处理局部细节控制的一些方法
• 函数式编程思想的基础应用

• 3.1 高阶函数

• 以函数作为参数；
• 以函数作为返回值；
• 常用于作为函数装饰器。

• 3.2为什么使用高阶函数？

两种函数：纯函数和非纯函数

• 纯函数：输入的值一定时，输出的值一定，比较适合用于单元测试；
• 非纯函数：会依赖于外部环境。 通过高阶函数可以减少非纯函数的数量，增加系统的可靠性、稳定性。

5.写代码应该关注的要点

5.1写代码最应该关注什么？

• 风格
• 效率
• 约定
• 使用场景
• 设计

6.总结

今天主要学习了一些JS知识，也更好的查缺补漏了一下，希望接下来的日子还可以收获更多。