认识面向对象
面向对象是什么?
-
他并不是一个语法, 也并不是一个新的语言, 他是用 JS 完成需求 的一种思想 -
我们一开始学习的接问题的方式, 统称为面向过程 - 面向过程: - 注重的是过程, 每一步事无巨细, 全都有我们的代码从上往下 依次完成- 问题:
-
- 每一个功能之间会互相影响
-
- 拿轮播图举例, 如果有多个, 那么这个代码 需要重复的写多次
-
- 面向对象:
- 注重的是得到一个对象, 这个对象就是我们的需求, 比如说这个对象可以是一个轮播图, 这个对象也可以是一个 分页
- 拿一个功能: 我想吃一碗面
- 面向过程:
-
1. 准备面粉 -
2. 准备水 -
3. 和面 -
4. 切面 -
5. 烧水 -
6. 煮面 -
7. 吃面 -
面向对象: -
1. 找一个面馆 -
2. 下单 -
3. 吃面 -
假如 我们没有所谓的 "面馆", 那么我们直接开一个面馆 -
创建完成之后的 "面馆", 除了你能使用, 其他人也能使用, 起到一个 多次复用的效果 -
轮播图: -
面向过程 -
1. const banner = .... -
2. const imgBox = .... -
const foucs = .... -
3. const index = ... -
4. const timer = ... -
5. function copyEle () { 内部处理的是假图, 这个函数依赖 imgBox 这个变量 } -
6. function setFocus () { 内部处理的是焦点, 依赖 imgBox, foucs } -
7. function .... -
面向过程, 创建第二个轮播图 -
1. const banner2 = ... -
2. const imgBox2 = ... -
3. function copyEle () { 依赖 imgBox2 这个变量 } -
面向对象: -
1. 找个 '机器', 能够帮助我们创建一个 轮播图 -
2. 发现没有这个 '机器' -
3. 我们创建一个 '机器' -
4. 机器创建完成之后, 就能给我们 创建一个 轮播图 -
5. 这个 '机器' 的特定 就是 能够批量创建 -
注意点: 面向对象我们关注的就是 对象, 因为需要批量创建, 所以我们创建对象的方式就要和以前不同
-
- 问题:
