• 技术文章 >web前端 >前端问答

    javascript uber是什么

    藏色散人藏色散人2021-11-01 15:31:48原创277

    javascript uber是早期javascript中用于让某方法调用父类的一种方法,uber方法类似于Java的super。

    本文操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。

    javascript uber是什么?

    在早期的JavaScript中,uber方法类似于Java的super,它可以让某方法调用父类的方法。Douglas Crockford使用了德语的"über",其意思类似于super,避免了和保留字的冲突。

    但是,Crockford也说,super的思想在classical设计模式中很重要,但是在JavaScript的原型和函数设计模式中,显得没有必要。Classical Inheritance in JavaScript经典的面向对象语言一般都有访问父类(超类)的特殊语法,这样子类的方法就可以使用父类的方法了,子类和父类的方法同名。现代JavaScript中,没有这种特殊语法,uber可以实现这一功能,但是繁琐一些。来看下面的例子:

    // inheritance helper
    function extend(Child, Parent) {
      var F = function () {};
      F.prototype = Parent.prototype;
      Child.prototype = new F();
      Child.prototype.constructor = Child;
      Child.uber = Parent.prototype;
    }
    // define -> augment
    function Shape() {}
    Shape.prototype.name = 'Shape';
    Shape.prototype.toString = function () {
      return this.constructor.uber
      ? this.constructor.uber.toString() + ', ' + this.name
      : this.name;
    };
    // define -> inherit -> augment
    function TwoDShape() {}
    extend(TwoDShape, Shape);
    TwoDShape.prototype.name = '2D shape';
    // define
    function Triangle(side, height) {
      this.side = side;
      this.height = height;
    }
    // inherit
    extend(Triangle, TwoDShape);
    // augment
    Triangle.prototype.name = 'Triangle';
    Triangle.prototype.getArea = function () {
      return this.side * this.height / 2;
    };

    在Console中输入:

    var my = new Triangle(5, 10);
    my.toString();

    输出:"Shape, 2D shape, Triangle"

    派生的层次是:Shape -> TwoDShape -> Triangle

    函数extend将继承的代码封装了起来。

    临时构造函数F()的作用:当子类的属性改变时,不改变父类的属性。

    uber属性:指向父类原型。

    toString()方法中,检查构造函数的父类的原型是否存在,如果存在,则调用其toString()方法,由此实现了在子类中调用父类方法。

    推荐学习:《javascript基础教程

    以上就是javascript uber是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript uber
    上一篇:Bootstrap组件指的什么 下一篇:nodejs是js么
    千万级数据并发解决方案

    相关文章推荐

    • javascript focus用法是什么• javascript apply的用法是什么• javascript中filter的用法是什么• javascript怎么求角度
    1/1

    PHP中文网