12、JavaScript面向对象

面向对象和面向过程的区别

面向过程找出步骤，一步一步来

面向对象写出所有对象的功能，作为调度者调度

面向对象特点封装、继承、多态

面向过程和面向对象的对比

面向过程：

优点：性能比面向对象高，适合跟硬件联系很紧密的东西，例如单片机

缺点：没有面向对象易维护，易复用，易扩展

面向对象：

优点：易维护、易复用、易扩展，面向对象具有封装、继承、多态特性，可以设计出低耦合的系统，使系统更灵活，易维护

缺点：性能比面向过程低

类

抽象

class name {
   //class body
  }
  创建实例：
  var xx = new name();

类必须使用new实例化对象

constructor构造函数

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

constructor注意事项：

1、通过class关键字创建类，类名我们习惯定义首字母大写

2、类里面有个constroctor函数，可以接受传递过来的参数，同时返回实例对象

3、cinstructor函数 只要new生成实例时，就会自动调用这个函数，如果不写，也会自动生成这个函数

4、生成实例new不能省略

5、最后注意语法规范，创建类，类名后面不要加小括号，生成实例，类名后面加小括号，构造函数不需要加

类添加方法

语法：

class Person{
  constructor(name , age){ //constructor构造器或者构造函数
    this.name = name;
    this.age = age;
  }
say(){
    console.log(this.name + '你好')
  }
}

1、我们类里面所有的函数不需要写function

2、多个函数方法之间不需要添加逗号分隔

注意事项：

1、必须先有类，然后再调用

2、类中的共有属性和方法要加this

类：抽象

对象：具象

继承

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

super()

作用：可以调用父类普通函数

语法：super.函数（）；也可以调用构造函数

​

constructor(x,y){
//利用super调用父类的构造函数
//super 必须在子类this之前调用
super(x,y)
	this.x = x;
	this.y = y;
}

查找原则:就近原则

this

​ 谁调用指向谁

三个注意点：

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

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

3、类里面的this指向问题

4、constructor里面的this指向实例对象，方法里面的this指向这个方法的调用者

​ 使用：方法里指向的是调用者，可以把constructor中的this保存给that，使用that.方法 进行调用

实例成员、静态成员

var ldh = new Star(‘liudehua’ , 18)

​ 1、实例成员就是构造函数内部通过this添加对的成员，uname age sing 就是实例成员

​ //实例成员只能通过实例化对象来访问

​ console.log(ldh.uname);

​ //console.log(Star.uname); 不可以通过构造函数来访问实例成员

​ 2、静态成员 在构造函数本身上添加的成员 sex就是静态成员

​ Star.sex = ‘nan’;

​ //静态成员只能通过构造函数来访问

​ console.log(Star.sex);

​ console.log(ldh.sex);//不能通过对象来访问