跟着月影学 JavaScript | 青训营笔记

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

课程内容

一、如何写好JavaScript

• 各司其责
• 组件封装
• 过程抽象

二、写代码应该关注的要点

JavaScript基础

JavaScript是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画等等。

关键基本特性：

• 条件控制语句
  比较运算符：
  • === 和 !== — 判断一个值是否严格等于，或不等于另一个。
  • < 和 > — 判断一个值是否小于，或大于另一个。
  • <= 和 >= — 判断一个值是否小于或等于，或者大于或等于另一个。
    逻辑运算符：
  • && — 逻辑与; 使得并列两个或者更多的表达式成为可能，只有当这些表达式每一个都返回true时，整个表达式才会返回true。
  • || — 逻辑或; 当两个或者更多表达式当中的任何一个返回 true 则整个表达式将会返回 true。
  • ! — 逻辑非; 对一个布尔值取反，非 true 返回 false，非 false 返回 true。
• 循环语句
  for while do…while
• 函数模块
• 事件
  事件是在编程时系统内发生的动作或者发生的事情，系统响应事件后，可以某种方式对事件做出回应。在 Web 中，事件在浏览器窗口中被触发并且通常被绑定到窗口内部的特定部分 — 可能是一个元素、一系列元素、被加载到这个窗口的 HTML 代码或者是整个浏览器窗口。

一、各司其责

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

二、组件封装

基本方法：

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

设计原则：

封装性、正确性、扩展性、复用性

三次重构：

• 插件化
• 模板化
• 抽象化（组件框架）

三、过程抽象

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

四、课程小结

JS上手明显要比前面所学的HTML和CSS难一些，月影老师在课程中讲解了如何写好JS的一些要点，希望可以在后续更多的实践练习中充分领悟。