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

初识JavaScript

广义定义 JavaScript 是一种脚本，一门编程语言，它可以在网页上实现复杂的功能，网页展现给你的不再是简单的静态信息，而是实时的内容更新，交互式的地图，2D/3D 动画，滚动播放的视频等等。

一些重要元素

• 函数
• 运算符
• 条件语句
• 事件
• 循环
• 对象

函数

函数定义阶段
语法：
function f(){
...
}
函数调用阶段
语法：
f()

写好JS的一些原则

• 让HTML、CSS和JavaScript职能分离
• UI组件具备正确性、扩展性和复用性
• 过程抽象

常用事件（事件介绍 - 学习 Web 开发 | MDN (mozilla.org)）

• 用户在某个元素上点击鼠标或悬停光标
• 用户在键盘中按下某个按键
• 用户调整浏览器的大小或者关闭浏览器窗口
• 一个网页停止加载
• 提交表单
• 播放、暂停、关闭视频
• 发生错误 组件是指Web页面上抽出来一个个包含模版（HTML）、功能（JS）和样式（CSS）的单元。

以轮播图为例进行优化

插件化

• 将控制元素抽取成插件
• 插件与组件之间通过依赖注入方式建立联系

模板化

• 将HTML模板化，更易于扩展

抽象化

• 将组件通用模型抽象出来

常用高阶函数

• Once 只执行一次
• Throttle 节流
• Debounce 防抖
• Consumer 消传入一个指定泛型的参数，无返回值
• Iterative 迭代

一些有趣的例子

• 交通灯状态切换
• 判断是否是4的幂
• 洗牌 注意：每张牌出现在该位置的概率是否合理
• 分红包 注意：保证红包够分→切西瓜式（每次切最大的那块，更均等）/抽牌法（更随机，差额更大更刺激)

本文内容来源于MDN和今日课程《跟着月影学JavaScript》