学习面向对象笔记

这篇博客介绍了面向对象编程的基本概念,对比了面向过程与面向对象的优缺点。接着详细讲解了ES6中的类和对象,包括对象的创建、类的构造函数和公共方法。还探讨了类的继承、super关键字的使用,以及构造函数和原型之间的关系,特别是原型链的工作原理。最后,讨论了JavaScript中实现继承的不同方法,包括call()的使用和如何借用构造函数及原型对象来继承属性和方法。
摘要由CSDN通过智能技术生成

一、面向对象编程介绍

1、两大编程思想

  • 面向过程编程(Process-orient programming)
  • 面向对象编程(object orient programming)
    • 封装性
    • 继承性
    • 多态性

2、POP与OOP的对比

面向过程

优点:性能比面向对象高、适合与硬件联系紧密的东西、如:单片机的应用

缺点:没有面向对象易复用、易扩展、易维护

面向对象

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

缺点:性能比面向过程低

二、ES6中的类与对象

1、对象

在js中对象是一组无序的相关属性的方法的集合,所有的事物都是对象

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

2、类

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

3、创建类及实例化

class Name {
   //创建类
    
}

let xx = new name()//实例化

3、constructor构造函数

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

(1) 通过class 关键字创建类,类名我们还是习惯定义首字母大写

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

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

(4) 生成实例 new 不能省略

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

4、类的公共方法

class Name {
   //创建类
    sing() {
   
        
    }
}

(1) 类类名所有的函数不需要写function

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

三、类的继承

1、继承(extends)

子类继承父类的方法和属性

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

2、super关键字

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

调用父类构造函数

class Person {
      // 父类
      constructor(surname){
   
         this.surname = surname;
     }
} 
class  Student extends Person {
          // 子类继承父类
     constructor(surname,firstname){
   
          super(surname);             // 调用父类的constructor(surname)
	this.firstname = firstname; // 定义子类独有的属性
     }
}       

案例:

class Father {
   
    constructor(surname) {
   
        this.surname = surname;
    }
    saySurname() {
   
        console.log('我的姓是' + this.surname);
    }
}
class Son extends Father {
    // 这样子类就继承了父类的属性和方法
    constructor(surname, fristname) {
   
        super(surname);   // 调用父类的constructor(surname),必须写在前面
        this.fristname = fristname;
    }
    sayFristname() {
   
        console.log("我的名字是:" + this.fristname+super.saySurname());//利用super调用父类普通方法

    }
}
var damao = new Son('刘', "德华");
damao
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值