美文网首页
类与继承

类与继承

作者: 给我一炷香的时间 | 来源:发表于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


    继承

    待续~~~

    相关文章

      网友评论

          本文标题:类与继承

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