美文网首页
类与继承

类与继承

作者: 给我一炷香的时间 | 来源:发表于2016-09-18 23:02 被阅读58次

ES5


ES5中并没有直接定义类的方法,需要我们手动来完成类的定义。

ES5中可以使用构造器函数来创建一个实例,构造器函数和普通函数的区别在于调用方式,构造器函数通过new操作符来调用。按照惯例,这个构造器的首字母大写,普通的函数和方法首字母小写。

通过new操作符来调用构造器函数,会产生一个新的对象,并把这个对象赋值给构造器函数的this变量,然后在执行完构造器函数后返回它(如果有显示的指定返回值,则返回指定的值)。

function Class(arg) {
  this.arg = arg;  // 定义一个类的属性
}
// 类的方法则定义在原型上(如果定义在构造器中的话,那么每个实例都会创建方法
// ,这样造成每个实例都拥有方法(每个方法都不相等),而不是引用同一个方法。)
Class.prototype.method = function () {};

继承

ES5中可以使用原型链来实现继承。
构造器函数有一个prototype属性指向实例的原型对象,而实例的原型对象则有一个constrcutor属性指向构造器函数(ES6中实例可以通过__proto__属性来访问原先对象)。

// 定义一个超类
function Super(supArg) {
  this.supArg = supArg;
}
Super.prototype.method = function () {};

// 定义一个子类继承上面的超类
function Sub(supArg, subArg) {
  Sub._super = Super.prototype; // 定义一个_super属性,方便Sub中的方法来引用它。
  Super.call(this, supArg);  // 实例化超类中的属性。 也可以这样Sub._super.constructor.call(this, supArg);
  this.subArg = subArg;
}
Sub.prototype = Object.create(Super.prototype); // 设置原型为超类,继承原型中的方法。
Sub.prototype.constructor = Sub; // 手动指定constructor属性
Sub.prototypr.method = function () {
  Sub._super.method.call(this);
};

ES6


ES6中可以使用class关键字来定义一个类。类声明是不提升的。类的内部只能定义方法,不能定义数据属性。各方法直接不需要逗号分割。

class A {
  constructor(arg) {
    this.arg = arg;
  }
  method() {}
  static sMethod() {}
}

继承

class B {
  constructor(bArg) {
    this.bArg = bArg;
  }
  method() {}
  static sMethod() {}
}

class A extends B {
  constructor(bArg, arg) {
    super(bArg);
    this.arg = arg;
  }
  method() {
    super.method();
  }
}

TypeScript


继承

待续~~~

相关文章

  • JAVA(9)继承与多态

    继承与多态 、抽象类、接口 继承: 继承是类与类的一种关系 java中的继承是单继承 继承的好处: 子类拥有父类的...

  • 继承与派生

    1,父类与子类,单继承与多继承 2、为何要用继承:用来解决类与类之间代码冗余问题 3,如何实现继承 4,属性查找 ...

  • js面向对象总结

    1、类与实例 类的声明 实例化 2、类与继承 继承的几种方式

  • 继承

    继承:类与类之间的一种关系,子类可以继承父类的成员 关键字extends:继承关键字,使类与类之间产生继承关系 格...

  • OC之02面向对象03之三大特性02继承、多态

    继承 基本使用: 继承用于类与类之间例如:类A 类B 如果说类B继承类A那么,类B就会继承了类A的所有的属性而且...

  • 03.接口和类之间的各种关系

    接口和类的关系 A:类与类之间:继承关系,一个类只能直接继承一个父类,但是支持多重继承 B:类与接口之间:只有实现...

  • 类关系

    六种关系继承与实现关系:类B继承类A或者接口A,就称为继承与实现关系。依赖关系:类B独立模型,类A中方法用到类B,...

  • JS面向对象

    类与实例 创建类 实例化 类与继承 实现继承的几种方式 方式一:利用构造函数进行继承 但是这种方法缺点是无法继承父...

  • 面向对象类

    类与实例 类的声明 ES5 ES6 生成实例 类与继承 如何实现继承 继承的几种方式 原型链是实现继承的主要方法 ...

  • Python所学----python高级(中)

    一. 单继承 、多继承、多态,重写与父类 1.单继承、就是子类继承父类的属性与方法 2.多继承、就是子类继承多个父...

网友评论

      本文标题:类与继承

      本文链接:https://www.haomeiwen.com/subject/ezugettx.html