JavaScript面向对象

// 双击禁止选定文字

        window.getSelection ? window.getSelection().removeAllRanges() : document.section.empty();

一、面向对象编程介绍

（一）两大编程思想

1、面向过程

2、面向对象

（二）面向过程编程 POP(Process-oriented programming)

1、面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次的调用就可以了。

2、举个例子：将大象装进冰箱，面向过程做法：

 

 

 面向过程，就是按照我们分析好了的步骤，按照步骤解决问题。

（三）面向对象编程 OOP(Object Oriented Programming)

1、面向对象是把事物分解成为一个个对象，然后由对象之间分工与合作。

2、举个例子：将大象装进冰箱，面向对象做法：

先找出对象，并写出这些对象的功能：

（1）大象对象：

●进去

（2）冰箱对象：

●打开

●关闭

（3）使用大象和冰箱的功能

3、面向对象是以对象功能来划分问题，而不是步骤。

4、在面向对象程序开发思想中，每一个对象都是功能中心，具有明确分工。

5、面向对象编程具有灵活、代码可复用、容易维护和开发的优点，更适合多人合作的大型软件项目。

6、面向对象的特征：

（1）封装性

（2）继承性

（3）多态性

（四）面向过程和面向对象的对比

1、面向过程

（1）优点：性能比面向对象高，适合跟硬件联系很紧密的东西，例如单片机就采用的面向过程编程。

（2）缺点：没有面向对象易维护、易复用、易拓展。

2、面向对象

（1）优点：易维护、易复用、易拓展，由于面向对象有封装、继承、多态性的特征，可以设计出低耦合的系统，使系统更加灵活、更加易于维护。

（2）缺点：性能比面向过程低。

用面向过程的方法写出来的程序是一份蛋炒饭，而用面向对象写出来的程序是一份盖浇饭。

二、ES6中的类和对象

（一）面向对象

1、面向对象更贴近我们的实际生活，可以使用面向对象描述现实世界事物，但是事物分为具体的(特指的)事物和抽象的(泛指的)事物。

2、面向对象的思维特点：

（1）抽取（抽象）对象的公共的属性和行为组织（封装）成一个类（模板）；

（2）对类进行实例化，获取类的对象。

3、面向对象编程我们考虑的是有哪些对象，按照面向对象的思维特点，不断的创建对象，使用对象，指挥对象做事情。

（二）对象

1、现实生活中：万物皆对象，对象是一个具体的事物，看得见摸得着的实物。例如，一本书，一辆汽车、一个人可以是“对象”，一个数据库、一张网页、一个与远程服务器的连接也可以是“对象”。

2、在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。

3、对象是由属性和方法组成的：

（1）属性：事物的特征，在对象中用属性来表示（常用名词）；

（2）方法：事物的行为，在对象中用方法来表示（常用动词）。

（三）类 class

1、在ES6中新增了类的概念，可以使用class关键字声明一个类，之后以这个类来实例化对象。

2、类抽取了对象的公共部分，它泛指某一大类（class）。

3、对象特指某一个，通过类实例化一个具体的对象。

4、面向对象的思维特点：

（1）抽取（抽象）对象共用的属性和行为组织（封装）成一个类（模板）

（2）对类进行实例化，获取类的对象

（四）创建类

1、语法：

class name {

　　// class body

}

2、创建实例：

var xx = new name();

3、注意：类必须使用new实例化对象。

（五）类添加方法

1、语法：

class Person{

            constructor(uname, age) {　　// constructor 构造器或者构造函数

                this.uname = uname;

                this.age = age;

            }

            say() {

                console.log(this.uname + '你好');

            }

        }

（六）三个注意点：

1、在ES6中类没有变量提升，所以必须先定义类，才能通过类实例化对象。

2、类里面的共有属性和方法一定要加this使用。

3、类里面的this指向问题。

 

三、类的继承

（一）继承

1、现实中的继承：子承父业，比如我们都继承了父亲的姓。

2、程序中的继承：子类可以继承父类的一些属性和方法。

3、语法：

class Father {　　// 父类

}

class Son extends Father {　　// 子类继承父类

}

（二）super 关键字

1、super 关键字用于访问和调用对象父类上的函数。可以调用父类的构造函数，也可以调用父类的普通函数。

2、语法：

（1）

class Father {

　　say() {

                return '我是爸爸';

　　}

}

class Son extends Father {　// 这样子类就继承了父类的属性和方法

　　say() {

　　// console.log('我是儿子');

　　console.log(super.say() + '的儿子');

　　// super.say() 就是调用父类中的普通函数 say()

　　}

}

var son = new Son();

son.say();

（2）

// 父类有加法方法

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;　　// 定义子类独有的类

　　}

　　substrat() {

　　　　console.log(this.x - this.y);

　　}

}

var son = new Son(5, 4);

son.substrat();

son.sum();

3、注意：子类在构造函数中使用super，必须放在this前面（必须先调用父类的构造方法，在使用子类的构造方法）。