Loading...
墨滴

百事可乐。

2021/11/23  阅读:28  主题:蓝莹

ES6学习笔记(1)

在此申明此文章为本人学习笔记,可能与学习课程资料内容有部分重合

1. 面向对象编程介绍

1.1 两大编程思想

  • 面向过程

  • 面向对象

1.2 面向过程编程 POP(Process-oriented programming)

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

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

1.3 面向对象编程OOP(Objeck Oriented Programming)

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

先找出对象,并写出对象功能

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

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

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

面向对象的特性:

  • 封装性

  • 继承性

  • 多态性

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

面向过程

  • 优点:性能高,适合跟硬件联系很紧密的东西,例如单片机就采用面向过程编程

  • 缺点: 不易于维护,不易复用,不易扩展

面向对象

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

  • 缺点: 性能低

2. ES6中的类和对象

面向对象

面向对象的思维特点:

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

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

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

2.1 对象

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

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

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

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

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

2.2 类 class

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

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

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

面向对象的思维特点:

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

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

2.3 创建类

// 创建类
class Name {
    //class body
};

// 实例化
const xx = new Name();
  1. 通过class 关键字创建类,类名习惯性定义首字母大写

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

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

  4. 生成实例 new 不能省略

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

2.4 类添加方法

语法:

class Name {
    // constructor 构造器或构造函数
    constructor () {}
    // 共用方法
    say () {}
}
  1. 类里面所有函数不需要写function

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

三个注意点

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

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

  3. 类里面this指向问题,constructor里面的this指向实例方法,方法里的this指向这个方法的调用者

3. 类的继承

3.1 继承

子类可以继承父类的一些属性和方法

语法

class Father {} // 父类

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

3.2 super 关键字

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

class Son extends Father {
    constructor{
        super(); // 调用父类中的构造函数
    }   
}

继承中的属性或者方法查找原则:

继承中遵循就近原则,如果实例化子类输出一个方法,先看子类有没有这个方法,如果有先执行子类的,如果没有再去查找父类中有没有该方法

注意:子类在构造函数中使用super,必须放到this前面(必须先调用父类的构造方法,再使用子类构造方法)

百事可乐。

2021/11/23  阅读:28  主题:蓝莹

作者介绍

百事可乐。