第十九章 类的继承

文章目录

一、继承

  1. 面向对象三大特点:封装,继承,多态
    • 封装:打包
    • 继承:一个对象A不具有某个功能a,通过某种方式使用了对象B的a功能 的过程
    • 多态:对象或功能的多种形态,在使用某个对象时,不关心从哪来,在封装某个对象时,不关心将要在哪被使用
  2. 继承
    • 构造函数执行之后得到的实例,继承了原型身上的方法(实例继承了类的原型)
    • 类与类之间的继承
  3. 继承方式
    • 构造函数继承(改变this指向继承)
      • call,apply,bind
      • 简单方便易操作
      • 非常易于做多继承
      • 只能继承构造函数内的属性或方法,不能继承原型身上的属性或方法
    • 原型对象继承
      • 其实就是在拷贝原型对象,同时注意深浅拷贝
      • 只能继承原型对象上的属性或方法,不能继承构造函数内的属性或方法
      • 可以实现多继承
    • 原型链继承
      • 既能继承构造函数内的属性或方法,又能继承原型上的属性或方法
      • 但是不方便处理参数
      • 不适合多继承
    • 混合(组合)继承
      • 构造函数+原型对象
      • 构造函数+原型链
      • 集合了各种方式的优点
    • ES6新增的class的继承
      • 语法层面上的继承
      • 父类是子类的超类
      • 原理:构造函数+原型继承

二、原型

  1. 隐式原型对象:__proto__,一般存在于对象身上,用于指向创建该对象的构造函数的prototype
  2. 显示原型对象:prototype,只存在于函数身上(除了箭头函数),用来被通过自身创建的对象的__proto__指向。
  3. 隐式原型的使用规则:
    • 每个对象都有__proto__,对象每次在使用属性或方法时,如果自身不存在,都会沿着__proto__的指向,依次查找,直到Object.prototype
    • 一个构造函数可以创建多个实例,如果给构造函数的prototype添加方法或属性,将来的每个实例都可以访问,达到节省内存的效果
    • 构造函数的prototype类似于将来所有实例的公共空间,提供公共方法,被实例使用
  4. 补充:构造函数的prototype自带了一个constructor的属性,用来标记当前prototype对象所属的函数

三、原型和实例关系的检测

  1. 关键字:instanceof
    • 语法:实例 instanceof 构造函数
  2. 显式原型对象的方法:isPrototypeOf()
    • 语法:构造函数.prototype.isPrototypeOf(实例)
  3. 有关系,无论多少层,都返回true,否则返回false
  4. 小技巧:可以利用该关系检测方式区分对象,数组
相关推荐
Rabbit_QL4 小时前
【水印添加工具】从零设计一个工程级 Python 图片水印工具:WaterMask 架构与实现
开发语言·python
天“码”行空4 小时前
简化Lambda——方法引用
java·开发语言
z20348315204 小时前
C++对象布局
开发语言·c++
戌中横4 小时前
JavaScript——Web APIs DOM
前端·javascript·html
Beginner x_u5 小时前
如何解释JavaScript 中 this 的值?
开发语言·前端·javascript·this 指针
java1234_小锋5 小时前
Java线程之间是如何通信的?
java·开发语言
张张努力变强5 小时前
C++ Date日期类的设计与实现全解析
java·开发语言·c++·算法
HWL56795 小时前
获取网页首屏加载时间
前端·javascript·vue.js
feifeigo1236 小时前
基于EM算法的混合Copula MATLAB实现
开发语言·算法·matlab
速易达网络6 小时前
基于RuoYi-Vue 框架美妆系统
前端·javascript·vue.js