FY-7216 7-原型链和继承

2022-02-10  本文已影响0人  hahahafffyyy

面向对象

逻辑迁移更加灵活,代码复用性高,高度的模块化

对象定义

是单个物体的简单抽象,
对象是个容器,封装了属性和方法

属性:对象的状态
方法:对象的行为

  class Course{
    teacher:'ddd',
    leader:'aaa',
    set:function(){

    }
  }
  // 方法类
  function Course(){
    this.teacher = 'ddd';
    this.leader = 'hhh';
    this.set = function(){

    }
  }

构造函数--生成对象

表征一类物体的共同特征

js 本质上并不是基于类,而是基于构造函数 + 原型链
constructor + prototype

问题:如果不做初始化,可以使用吗?---不能使用
问题2: 如果项目中需要使用,通常(不被外界感知)如何解决

  function Course(){
    const _isClass = this instanceof Course;
    if(!_isClass){
      return new Course()
    }
    //...
  }

new

new 的时候做了什么?

  1. 创建了一个空对象,作为返回对象的实例
  2. 将生成空对象的原型对象指向了构造函数的 prototype 属性
  3. 将当前实例对象赋给了内部 this
  4. 执行构造函数初始化代码,constructor

问题:实例属性的影响
单个实例的属性的改变不影响其他属性

  function Course(){
    this.teacher = 'ddd';
    this.leader = 'hhh';
  }

constructor

constructor是什么?

  1. 每个对象在创建的时候,都会自动拥有一个构造函数 constructor
  2. constructor继承自原型对象,指向构造函数

追问:使用构造函数有没有问题?
构造函数的方法会存在于每一个生成的实例里面,导致资源上的浪费

原型对象

  1. 构造函数:用来初始化创建对象的函数,
    自动给构造函数赋予一个属性 prototype ,该属性等于实例对象的原型对象
  2. 实例对象:根据原型对象创建出来的实例
    每个对象都有一个proto,和 constructor
    proto指向构造器的原型,constructor 指向构造器
  3. 原型对象:Course.prototype

所以为了避免,方法生成在每一个实例里面,可以将方法挂载都实例对象的原型上

继承

原型链继承,

在原型对象的所有属性和方法,都能被实例所共享

// Game 类
function Game(){
  this.name = 'lol';
}
Game.prototype.getName = function(){
  return this.name;
}
function LOL(){}
LOL.prototype = new Game();
LOL.prototype.construntor = LOL;
const game = new LOL();
// 重写原型对象,将父对象的属性方法,作为子对象原型对象的属性和方法

构造函数继承

  function Game(arg){
    this.name = 'name';
    this.age = 'age';
  }
  Game.prototype.getName = function(){
    return this.name;
  }
  function LOL(arg){
    Game.call(this,arg);
  }
  const game3 = new LOL('arg')
问题:

原型链上的方法想继承,如何继承?

组合继承

  function Game(arg){
    this.name = 'name';
    this.age = 'age';
  }
  Game.prototype.getName = function(){
    return this.name;
  }
  function LOL(arg){
    Game.call(this,arg);
  }
  LOL.prototype = new Game();
  LOL.prototype.construntor = LOL;

  const game3 = new LOL('arg')

组合继承有没有缺点?问题:无论如何,都会调用两次父类的构造函数

  1. 初始化子类原型时
  2. 子类调用函数内部 call 父类的时候

解决方案:寄生组合继承

  function Game(arg){
    this.name = 'name';
    this.age = 'age';
  }
  Game.prototype.getName = function(){
    return this.name;
  }
  function LOL(arg){
    Game.call(this,arg);
  }
  LOL.prototype = Object.create(Game.prototype);
  LOL.prototype.construntor = LOL;

  const game3 = new LOL('arg')

多重继承

上一篇下一篇

猜你喜欢

热点阅读