SAPUI5 - JS面向对象继承方式的实现

最新推荐文章于 2020-12-08 08:44:35 发布

evan2916

最新推荐文章于 2020-12-08 08:44:35 发布

阅读量952

点赞数

分类专栏：前端文章标签： sapui5 面向对象 js

本文链接：https://blog.csdn.net/evan2916/article/details/45843517

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

SapUI5面向对象使用的继承方式与阮一峰老师在博客中介绍的”构造函数式的继承“的"利用空对象作为中介" 原理相同

阮一峰博客：构造函数式的继承

首先上一张自己画的ui5的最底层的继承关系图

在sapui5中需要构造一个JS的“class", 需要从最底层的Metadata开始

找到resources/sap/ui/base/Metadata-dbg.js中的createClass方法：

Metadata.createClass = function (fnBaseClass, sClassName, oClassInfo, FNMetaImpl) {
    ... ...
    if ( fnBaseClass ) {
        ... ...

       // create prototype chain
       fnClass.prototype = jQuery.sap.newObject(fnBaseClass.prototype);
       fnClass.prototype.constructor = fnClass;
       // enforce correct baseType
       oClassInfo.metadata.baseType = fnBaseClass.getMetadata().getName();
    }
    ... ...
}

当baseClass存在时，会将subClass的prototype设为baseClass的prototype

找到resources/jQuery.sap.global-debug.js

jQuery.sap.newObject = function newObject(oPrototype) {
  return new (jQuery.sap.factory(oPrototype))();
};

jQuery.sap.factory = function factory(oPrototype) {
  function Factory() {}
  Factory.prototype = oPrototype;
  return Factory;
};

这里的factory方法使用到了利用空对象作为中介，继承baseClass的prototype来构造一个新的subClass