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

1 什么是JavaScript

在学习了html（结构）、css（样式）后，我来学习第三个JavaScript，它主要负责的是行为。

JavaScript是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

写好JavaScript的三个原则：各司其责、组件封装、过程抽象。

2 各司其责

• 应当避免不必要的由 JS 直接操作样式

• 可以用 class 来表示状态

• 纯展示类交互寻求零 JS 方案

通过例子可以知道，我们可以改变样式，通过用css给元素添加一些类的样式，再让JavaScript修改他们的类名，就可以实现了样式与行为分离。

3 组件封装

组件是指Web页面上抽出来一个个包含模版（HTML）、功能（JS）和样式（CSS）的单元。

其中好的组件具备以下四种特点：封装性、正确性、扩展性、复用性。

实现组件的步骤：使用HTML进行基础的结构设计，基于HTML在CSS写上对应的样式，实现出要展现的效果，最后再设计对应的API （功能）和Event （控制流）。

三次重构：

1. 插件化：功能提取为插件，注册形式使用，方便做功能的追加和删减操作
2. 模板化：将HTML模板化，更易于拓展
3. 抽象化：公共逻辑提取出来到父类或者函数中，使用时随时继承或者拓展

4 过程抽象

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

5 总结

我觉得这个章节比上两次课程的难度还要大，个人对js的了解还不够深入，看来还需要去好好学习。讲了两个例子发现自己对代码还不够熟悉。