共计 2364 个字符，预计需要花费 6 分钟才能阅读完成。
面向对象编程介绍
两大编程思想
面向过程编程 POP（Process Oriented Programming）
面向过程就是分析出解决问题所需要的步骤，然后利用函数把这些步骤一步一步实现，使用的时候再一个一个依次调用就可以了
面向过程，就是按照我们分析好了的步骤，按照步骤解决问题
面向对象编程 OOP（Object Oriented Programming）
面向对象是把事物分解成一个个对象，然后由对象之间分工合作，在面向对象程序开发思想中，每一个对象都是功能中心，具有明确分工
面向对象编程具有灵活、代码可复用、容易维护和开发的优点，更适合多人合作的大型项目
- 封装性
- 继承性
- 多态性
面向对象，就是以对象功能来划分问题，而不是步骤
面向过程和面向对象的对比
面向过程
- 优点：性能比面向对象高，适合跟硬件联系很紧密的东西，例如单片机就采用面向过程编程
- 缺点：没有面向对象易维护、易复用、易扩展
面向对象
- 优点：易维护、易复用、易扩展，由于面向对象有封装、继承、多态性的特性，可以设计出低耦合的系统，使系统更加灵活、更加易于维护
- 缺点：性能比面向过程低
ES6 中的类和对象
面向对象
面向对象更贴近我们的实际生活，可以使用面向对象描述现实世界事物，但是事物分为具体的事物和抽象的事物
面向对象思维特点：
- 抽取（抽象）对象共用的属性和行为组织（封装）成一个类（模板）
- 对类进行实例化，获取类的对象
面向对象编程我们考虑的是有哪些对象，按照面向对象的思维特点，不断的创建对象，使用对象，指挥对象做事情
对象
现实生活中：万物皆对象，对象是一个具体的事物，看得见摸得着的实物。例如：一本书、一辆汽车、一个人可以是“对象”，一个数据库、一张网页、一个与远程服务器的链接也可以是“对象”
在JS中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如：字符串、数值、数组、函数等
对象是由属性和方法组成的：
- 属性：事物的特征，在对象中用属性来表示（常用名词）
- 方法：事物的行为，在对象中用方法来表示（常用动词）
类 Class
在ES6 中新增了类的概念，可以使用 class 关键字声明一个类，之后以这个类来实例化对象
- 类抽象了对象的公共部分，它泛指某一个大类（class）
- 对象特指某一个，通过类实例化一个具体的对象
面向对象思维特点：
- 抽取（抽象）对象共用的属性和行为组织（封装）成一个类（模板）
- 对类进行实例化，获取类的对象
创建类
class name {
// class body
}
class Star {
constructor(uname, age) {
this.uname = uname;
this.age= age;
}
}创建实例：
let xxx = new name();
let ldh = new Star('刘德华', 18);- 通过
class关键字创建类，类名首字母大写 - 类里面有个
constructor函数，可以接收转递过来的参数，同时返回实例对象 constructor函数只要new生成实例，就会自动调用这个函数，如果不写这个函数，类也会自动生成这个函数- 生成实例
new不能省略 - 创建类 类名后面不要加小括号，生成实例 类名后面加小括号，构造函数不需要加
function
类必须使用 new 实例化对象
类添加方法
class Star {
constructor(uname, age) { // constructor 构造器或者构造函数
this.uname = uname;
this.age= age;
}
say(say) {
console.log(this.uname + say);
}
}
let ldh = new Star('刘德华', 18);
ldh.say("Hi~")类的继承
现实中的继承：子承父业，比如我们都继承了父亲的姓
程序中的继承：子类可以继承父类的一些属性和方法
extends
class Father { // 父类
}
class Son extends Father { // 子类继承父类
}super()super关键字用于访问和调用对象父类上的函数，可以调用父类的构造函数，也可以调用父类的普通函数
class Father {
say() {
return '我是爸爸';
}
}
class Son extends Father { // 这样子类就继承了父类的属性和方法
say() {
// super.say() // super 调用父类的方法
return super.say() + '的儿子';
}
}
let dome = new Son();
console.log(dome.say()); // 我是爸爸的儿子- 继承中，如果实例化子类输出一个方法，先看子类有没有这个方法，如果有就先执行子类的
- 继承中，如果子类里面没有，就去查找父类有没有这个方法，如果有就去执行父类的这个方法（就近原则）
// 父类有加法方法
class Father {
constructor(x, y) {
this.x = x;
this.y = y;
}
sum() {
console.log(this.x + this.y);
}
}
// 子类继承父类加法方法 同时 扩展减法方法
class Son extends Father {
constructor(x, y) {
// 利用super() 调用父类构造函数
// super() 必须写在子类this之前调用
super(x, y)
this.x = x;
this.y = y;
}
subtract() {
console.log(this.x - this.y);
}
}
let son = Son(20, 10); //
son.subtract(); // 10
son.sun(); // 30子类在构造函数中使用 super，必须放在 this 前面（必须先调用父类的构造方法，再使用子类构造方法）
注意点
- 再 ES6 中类没有变量提升，所以必须先定义类，才能通过实例化对象
- 类里面的共有属性和方法一定要用
this使用 - 类里面的
this指向问题
constructor里面的this指向实例化对象，方法里面的this指向这个方法的调用者
