这是我参与「第四届青训营 」笔记创作活动的的第5天

JavaScript

前言：JavaScript 是一门跨平台、面向对象的脚本语言，它能使网页可交互（例如拥有复杂的动画，可点击的按钮，通俗的菜单等）

JavaScript原则

1.HTML/CSS/JS各司其职

• 应当避免不必要的由JS直接操作样式
• 可以用class来表示状态
• 纯展示类交互寻求零JS方案（不强求）

2.组件封装

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

实现组件的步骤

• 结构设计
• 展现效果
• 行为设计
  • API（功能）：设计接口进行操作
  • Event（控制流）：利用自定义事件解耦

3.过程抽象

三次重构

• 组件化（解耦）
  • 将控制元素抽取成插件
  • 插件与组件之间通过依赖注入方式建立联系
• 模板化
  • 将HTML模板化，更易于扩展（可利用js将html写入）
• 抽象化
  • 将组件通用模型抽象出来
  • 过程抽象：
    • 原来处理局部细节控制的一些方法
    • 函数式编程思想的基础应用

编程范式：高阶函数HOF

可以大大减少使用非纯函数的可能性，提高系统的可读性

• 以函数作为参数
• 以函数作为返回值
• 常用于作为函数装饰器
• 常用的高阶函数：Once、Throttle(节流函数)、Debounce(防抖函数)、iterative(可迭代方法)

命令式/声明式

• 命令式强调怎么做，声明式强调做什么
• 声明式更简便，可扩展性更强

如何书写代码

• 数据抽象
• 过程抽象
• 异步+函数

课程总结：

作为一名合格的前端工程师，不可把算法抛弃，而是需要不断练习自己的算法，不断优化自己的算法，保证算法的可读性、可扩展性以及性能等。而在书写代码时，不要求一定要实现最优性能或效率，往往需要结合使用的场景，综合代码可读性、可扩展性、性能等等。