JavaScript之面向对象

一、面向对象编程介绍

1、面向过程

面向过程：面向过程是一种关注过程的开发方式，在开发过程中，需要关注每一个细节、步骤、顺序。然后用函数把这些步骤一步一步实现，使用的时候再一次一次调用就可以了。面向过程，就是按照我们分析好了的步骤，按照步骤解决问题.

2、面向对象

面向对象 ：面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。面向对象的核心是高内聚低耦合（就是对面向过程的高度封装）。面向对象是以对象来划分问题，而不是步骤。
举一个生活实例：比如我们生活点餐过程中，我们只是需求一份烤鸭，但是服务员给我们上桌的有肉片、胡萝卜丝、葱丝、蘸酱、荷叶饼等，整个上桌的食物共同组成烤鸭。其中面向过程就包括蘸酱多咸，饼多厚等都有厨师负责安排。其中面向对象就是指在我们点了一份烤鸭之后，只需要等待结果就好,。面向对象是以对象功能来划分问题，而不是步骤。

3、面向对象的优势

• 模块化更深，封装性强。
• 更容易实现复杂的业务逻辑。
• 更易维护、易复用、易扩展。

4、面向对象的特征

• 封装性；
• 多态性；
• 继承性；

二、ES6中的类和对象

1、面向对象的思维特点

1、抽取（抽象）对象公用的属性和行为组织（封装）成一个类（模板）
2、对类进行实例化，获取类的对象

2、对象与类

对象是一组无序的相关属性和方法的集合。所有的事物都是对象。例如：字符串、数值、数组、函数等
对象是由属性和方法组成的：
属性：事物的特征，在对象中用属性来表示(常用名词)
方法：事物的行为，在对象中用方法来表示（常用动词）

类抽象了对象的公共部分，它泛指一大类。例如：手机，明星
对象特指某一个，通过实例化一个具体的对象

创建类
语法：

class name {
    //class body
}
//创建实例
var getName = new getName()

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

3、类 constructor 构造函数

constructor()方法是类的构造函数（默认方法），用于传递参数，返回实例对象，通过new命令生成对象实例时，调用该方法，没有没有显示定义，类内部会自动给我们创建一个constructor()

//1. 创建类class 创建一个明星类
class Star{
    constructor(uname){
        this.uname = uname;
    }
}
   //2.利用类创建对象 new
  var  i = new Star('anni');
  console.log(i.uname)   //打印结果为anni

注意：

• 通过class 关键字创建类，类名我们习惯定义首字母大写
• 类里面有个constructor 函数，可以接受传递过来的参数，同时返回实例对象。
• constructor 函数只要new 生成实例时，就会自动调用这个函数，如果我们不写这个函数，类也会自动调用这个函数
• 生成实例new 不能省略
• 注意语法规范，创建类名后面不要加小括号，生成实例类名类名后面加小括号，构造函数不需要加function

4、在类中添加方法

class Star{
   constructor(uname){
       this.uname = uname;
   }
   sing(song){    
       console.log(this.uname + song);
   }
}

  //2.利用类创建对象 new
   var zxh = new Star('anni');
    console.log(zxh.uname);  
    zxh.sing('小幸运');

注意：
1、类里面的函数不需要写function
2、多个函数方法之间不需要添加逗号分隔

打印结果如下图

5、类的继承

extends关键字

//1. 类的继承
class Father{
    constructor(){
    }
    money(){    
        console.log(100);
    }
}
class Son extends Father {    //通过extends关键字实现继承
  
}
var son = new Son();
son.money();

super关键字

//1. 类的继承
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(x,y);  //调用了父类的构造函数,super关键字必须放在this前面
       this.x = x  
       this.y = y
   }
}
var son = new Son(1,2);
son.sum();

注意：利用super 调用父类的构造函数，super 必须在子类 this 之前调用。
类与对象注意点

• 在ES6 中类没有变量提升，所以必须先定义类，才能通过类实例化对象。
• 类里面的共有属性和方法一定要加this 使用。