JavaScript----面向对象编程介绍 + ES6中的类的对象

JavaScript面向对象  编程介绍

面向过程编程POP (Process-oriented programing)

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

        面向过程,分析步骤按步骤解决问题

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

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

       面向对象是以对象功能来划分问题,而不是步骤.

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

       特性:封装性 继承性 多态性

     

ES6中的类的对象

 面向对象更贴近我们的实际生活,可以使用面向对象描述显示世界事物,三但是事物分为具体的事物和抽象的事物

面向对象的思维特点:

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

 2.对类进行实例化,获取类的对象

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

对象

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

        对象是由属性和方法组成的:

        属性:事物的特征,在对象中用属性来表示(常用名词)

        方法:事物的行为,在对象中用方法来表示(常用动词)

类 class

在ES6 中新增加了类的感念,可以使用class关键字声明一个类,之后这个类来实例化对象

       类抽象了对象的公共部分,它泛指某一大类(class)

       对象特指某一个,通过类实例化一个具体的对象.

创建类

       

        类必须使用new实例化对象

类constructor 构造函数

       constructor()方法是类的构造函数(默认方法),用于传递参数,返回实例对象,通过new命令生成对象实例时

       自动调用该方法.如果没有显示定义,类内部会自动给我们创建一个constructor()

注意:

      1.通过class关键字创建类,类名还是习惯性定义首字母大写

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

      3.constructor 函数,只要new生成实例时,就会自动调用这个函数,如果不写这个函数,类也会自动生成这个函数

      4.生成实例 ,new不能省略

      5.创建类 类名后面不要加小括号,生成实例 类名后面加小括号,构造函数不需要加function

类添加方法

          

注意: 1.类里面所有的函数不需要写function

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

类的继承

               

继承中,如果实例化子类输出一个方法,先看子类有没有这个方法,如果有就先执行子类的方法.

继承中,如果子类没有,就去查找父类里有没有这个方法,有则执行父类的方法(就近原则)

  super 关键字 :

        用于访问和调用对象富类上的函数,可以调用父类的构造函数,也可以调用父类的普通函数

      

        super必须写在this之前

三个注意点:

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

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

             3.类里面的this的指向问题

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