课程介绍

本课程主要面向刚刚入门的前端同学，主要讲述了JS的整体发展及一些比较重要的知识。其中通过一些简单的代码讲述了变量提升、JS的数据是怎么存储的、基础数据类型和复杂数据类型的区别等一些基础知识，也讲解了JS的执行、闭包、垃圾回收等一些稍微进阶一些的知识，希望大家能有所收获

课程重点

• JS的基本概念
• JS的数据类型
• 变量提升
• 作用域
• 闭包
• 垃圾回收

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写代码最应该关注什么？

• 风格

• 效率

• 约定

• 使用场景

• 设计