这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天
JavaScript是一门动态编程语言，可增加网页动态交互特性，比如：验证输入表单的正确性，改变网页上文字，设置实时时钟。它是客户端脚本语言，可通过API访问，操作HTML元素节点。
JS的变量是存储值的容器
要响应一个动态，先声明一个变量。
首先输入关键字let,然后输入合适的名称
let variable //赋值
let variable ='wo';
tips： 1.在单行内需要分割多条语句时，行末的分号表示当前语句结束
2.在支持ES6语法（一种编写代码的新规定）的JS环境中，可以使用 let或者var 声明变量
3.JS 对大小写敏感
（1）条件语句是一种代码结构
（2）函数用来封装可复用的功能，简单说就是可以多次调用的代码
（3）事件为网页添加交互能力，可以捕捉浏览器操作并运行代码作为响应
写好JS 的原则
- **各司其职
** - 组件封装
- 结构设计：html
- 展现效果：css
- 行为设计：API（js）、event控制流
- 过程抽象(HOF、装饰器）
三次重构
- 插件化
- 模板化
- 抽象化（组件框架）
组件是指web页面上抽出来一个个包含模板（html）、功能（js）和样式(css)的单元，好的组件具备封装性，正确性，扩展性，复用性.
常用高阶函数
- Once
- Throttle
- Debounce
- Consumer/2
- Iterative
数字类型
- 整数 如 10, 400, 或者 -5.
- 浮点数 (浮点) 有小数点或小数位，例如 12.5，和 56.7786543。
- 双精度 双精度是一种特定类型的浮点数，它们具有比标准浮点数更高的精度（这意味着它们精确到更大的小数位数）
算术运算符
% 求余（有时也叫取模）
循环的标准
for (initializer; exit-condition; final-expression) {
// code to run
}
- 关键字
for，后跟一些括号。 - 在括号内，我们有三个项目，以分号分隔：
- 一个初始化器 - 这通常是一个设置为一个数字的变量，它被递增来计算循环运行的次数。它也有时被称为计数变量。
- 一个退出条件 -这个定义循环何时停止循环。用于查看退出条件是否已满足的测试。
- 一个最终条件 - 用于增加（或在某些情况下递减）计数器变量，使其更接近退出条件值。
- 一些包含代码块的花括号 - 每次循环迭代时都会运行这个代码。
使用 break 退出循环
使用 continue 跳过迭代
对象是一个包含相关数据和方法的集合，每个函数都有一个特殊的属性叫作原型（prototype）。
使用了点表示法 (dot notation) 来访问对象的属性和方法。
person.age
可以用一个对象来做另一个对象成员的值。
name : { first : 'Bob', last : 'Smith' },
另外一种访问属性的方式是使用括号表示法 (bracket notation)
person['age']
"this"的含义
关键字"this"指向了当前代码运行时的对象
应用程序接口（API，Application Programming Interface）是基于编程语言构建的结构，使开发人员更容易地创建复杂的功能。它们抽象了复杂的代码，并提供一些简单的接口规则直接使用。
浏览器 API内置于 Web 浏览器中，能从浏览器和电脑周边环境中提取数据，并用来做有用的复杂的事情。
第三方 API缺省情况下不会内置于浏览器中，通常必须在 Web 中的某个地方获取代码和信息。
通常客户端和服务端存储是结合在一起使用的。
