面向对象（ES6篇）
学习完本章节以后，可以掌握以下技能：
1、能够说出什么是面向对象
2、能够说出类的对象的关系
3、能够使用Class创建自定义类
4、能够说出什么是继承
学习到的知识点有：
1、面向对象编程的介绍
2、ES6中类和对象
3、类的继承
4、面向对象案例
1、面向对象编程介绍
在编程中有两大编程思想，分别是面向过程编程和面向对象编程；下面我们分别讲解一下他们两个之间有什么不一样。
1.1 面向过程编程
面向过程编程，简称POP，全称为：Process-oriented programming；
面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的一次调用就可以了。也就是说面向过程就是朝着步骤进行实现的。
举个栗子：将我们将大象装进冰箱，需要你通过面向过程的做法该如何实现呢？
# 面向过程，就是按照我们分析好了的步骤，按照步骤解决问题。
1.2 面向对象编程
面向对象编程，简称OOP，全称为：Object Oriented Programming；
面向对象是把事务分解成一个个对象，然后由对象之间分工与合作。
面向对象编程具有灵活性、代码可复用性、容易维护和开发的有点，更合适多人合作的大型软件项目。
举个栗子：将我们将大象装进冰箱，需要你通过面向对象的做法该如何实现呢？
第一步、先找出对象；
你会发现有两个对象，一个是大象，一个是冰箱。
第二步、写出这些对象的功能；
-
大象：装进去
-
冰箱：打开门、关闭门
第三步、作为调度者，把大象和冰箱的功能使用起来(按照逻辑的顺序使用起来)
# 总结面向对象是以对象功能来划分问题，而不是步骤
1.3 面向对象的特性
# 面向对象的特性：
1、封装性
2、继承性
3、多态性
为了能够形象的说明面向对象的特性是什么意思，我们可以举一个形象的例子。（看下图）
1.4 面向过程和面向对象的对比
# 面向过程
# 优点:性能比面向对象高，适合跟硬件联系很紧密的东西，因为不用考虑到后续的维护，如果要升级，直接从新购买。例如“单片机”就采用的是面向过程编程。
# 缺点:没有面向对象那么容易“维护”、没有面向对象那么容易“复用”，没有面向对象那么容易“拓展”。
# 面向对象
# 优点:易维护、易复用、易拓展，由于面向对象有封装、继承。多态性的特性、可以设计出低耦合的系统，使得系统更加灵活，更加易于维护。
# 缺点:性能比面向过程低。
打个比喻：用面向过程的方法写出来的程序就像一份蛋炒饭，而用面向对象写出来的程序像一份盖浇饭。
面向过程编程和面向对象编程，没有谁优谁劣的。我们需要根据实际的情况进行选择，如果程序比较简单，步骤比较明确，那么我们可以使用面向过程编程，如果程序比较复杂，多人合作才能进行编程的，那么我们首先推荐面向对象编程会更好一些。
2、ES6中的类和对象
2.1 具体和抽象事物
面向对象更贴近我们的实际生活，可以使用面向对象描述现实世界的事物，但是事物分为具体的事物和抽象的事物。
我们不妨思考一下，什么是抽象的事物呢？什么又是具体的事物呢？
为了能够形象的搞清楚这两个概念，我们不妨以举例的方式进行理解。
我们不妨判断一下，请问手机是“具体”的事物呢？还是“抽象”的事物呢？
你会发现手机可以有各种各样的品牌，比如苹果的手机，华为的手机，小米的手机，三星的手机等等一大堆，如果你单纯是问手机属于哪一种类型的话，不难发现这个范围太大了，并不是具体到某一个品类、某一个机型的手机。因此，手机属于抽象的事物。
即使我们问苹果手机属于“具体”的事物还是“抽象”的事物时，你也会发现苹果手机虽然品牌一样了，但是每一代的样子是存在较大的差异性的。
只有当我们问到具体的款式时，比如灰色款的国行iphone11pro，才是具体的事物。
而面向对象编程，既可以描述手机这样的抽象事物，也可以描述具体到某一款机型的手机的具体事物。
2.2 面向对象的思维特性
# 面向对象的思维特性
1、抽取对象共有的属性和行为组织封装成一个类(模板)
2、对类进行实例化，获取类的对象。
比如说，我们用面向对象的思维来编写一个手机。
第一步、很明显手机属于抽象的事物，那么我们需要考虑，苹果手机、华为手机、小米手机等各种手机的共同属性和行为组织。
可以知道的是，各种手机之间，可以拍照、可以打电话、可以发短信等等。
第二步、可以对这个类进行实例化，获取类的对象。
比如，我们现在想实例化一个华为手机，那么我们就可以对上面编写好的类，进行实例化，获取类的对象（华为手机）。同样的道理，我们也可以实例化一个小米手机，实例化一个一加手机等。
# 总结一下，面向对象编程我们考虑的是哪些对象，按照面向对象的思维特点，不断的创建对象，使用对象，指挥对象做事情。
2.3 对象
显示生活中，万物皆对象，对象是一个具体的事物，看得见摸得着的实物，例如，一本书，一辆汽车，一个人都可以是对象，当然一个数据库，一张网页，一个与远程服务器的链接也可以是对象。
**在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，**例如字符串、数组、数组、函数等。
对象是由'属性'和'方法'组成的：
1.属性：事物的特征，在对象中用属性来表示（常用名词）
2.方法：事物的行为，在对象中用方法来表示（常用动词）
2.4 类 class
在ES6中新增加了类的概念，可以使用class关键字声明一个类，之后以这个类来实例化对象。
**类：**抽象了对象的公共部分，他泛指某一个大类（class）。
**对象：**特指某一个，通过类实例化一个具体的对象。
其实这个和我们在之前学习的构造函数的比喻是一模一样的。
其实你会发现，类的概念和之前学习的“构造函数”的知识点，存在高度吻合。我们完全可以对比着进行学习和理解。要知道“构造函数”是属于ES5的知识点，那么我们不妨看一下ES6中新增的“类”有什么优点。
2.5 具体的使用方式
第一步、创建类
第二步、类里面会自带一个constructor构造函数
constructor()方法是类的构造函数(默认方法)，用于传递参数，返回实例对象，通过new命令生成对象实例时，自动调用该方法。如果没有显示定义，类内部会自动给我们创建一个constructor()。
第三步、我们将公共的属性提取出来，比如name属性。
第四步、我们依然是通过this关键字，来将参数name指向实例
第五步、这个时候，我们就可以在外部利用类创建对象了。
# 需要注意的是：类必须使用new实例化对象
第六步、然后我们传入“刘德华”
# 其实这样就算编写完毕了。我们不妨打印出来看一下。
需要打印出来看一下的话，我们需要将返回的结果赋值给一个临时的变量ldh，然后打印出返回的结果。
保存一下，看下浏览器的运行结果。
如果我们需要返回刘德华这个名字需要怎么返回呢？这个其实是对象的知识点。
然后我们保存一下，看看运行的结果是否是我们需要的结果。
学了这么多内容以后，我们不妨稍微总结一下，适当的总结有利于我们日后的代码编写。
# 1、通过class关键字创建类、类名我们还是习惯性定义首字母大写
# 2、类里面有个constructor函数，可以接受传递过来的参数，同时返回实例对象。
# 3、constructor函数只要new生成实例时，就会自动的调用这个函数，如果我们不写这个函数，类也会自动生成这个函数。
# 4、生成实例new不能省略
# 5、最后注意语法的规范
A、创建类时，类名后面不要加小括号；
B、生成实例时，类名后面要加小括号；
C、构造函数不需要加function
2.6 属性的执行顺序
我们想要实例化对象，就必须new一下，当执行new的时候，就会自动的执行类下面的构造函数
执行到刘德华的时候，就会按照下面的顺序进行传递数据。
然后，this关键字会指向变量ldh
2.7 模拟一下构造函数创建对象
# 属性篇
我们回顾一下，之前我们通过构造函数来创建对象的代码。(如下图所示)
现在我们不妨通过类来模拟上面这段代码。
为了验证这一点，我们可以保存一下，看一下浏览器中的显示效果。
# 方法篇
如果你仔细观察的话，就会发现上面的代码中并没编写方法的部分，接下来我们重点讲解这一块。
我们只需要按照下面这样的方式就能编写好方法了。
我们不妨保存后运行一下
我们不妨注意一下里面的细节。**细节一、**我们类里面的所有函数都不需要使用户fanction
**细节二、**多个函数方法之间不需要添加逗号分隔
2.8 方法的执行顺序
我们看一下，方法的执行顺序。
2.9 完善四大天王画像
由于在构造函数创建对象的时候，是以四大天王的画像进行举例。为了能够方便日后的对比，我们不妨补充完毕。
然后保存一下，看下输出的结果。
3、类的继承
未完待续...
对应的文章链接
链接：https://pan.baidu.com/s/1zRxfKCRkSruXoptT-QXAEw
提取码：0ufk
