Open UI5 源代码解析之942：BorderLayout.js

源代码仓库：

https://github.com/SAP/openui5

源代码位置：src\sap.ui.commons\src\sap\ui\commons\layout\BorderLayout.js

BorderLayout.js详细分析

文件定位与整体判断

BorderLayout.js位于src/sap.ui.commons/src/sap/ui/commons/layout/目录下，定义的是sap.ui.commons.layout.BorderLayout这个控件。从命名就能看出来，它实现的是一种非常经典的边框布局模型，也就是把一个容器划分成top、bottom、begin、center、end五个区域，然后允许开发者把不同内容放进对应区域。

如果把这个文件放回整个OpenUI5仓库来看，它并不是一个孤立的小组件，而是sap.ui.commons老牌控件体系中的布局能力之一。这个体系诞生得比较早，面向的很多场景都是企业内部桌面式应用。那类应用通常页面稳定、区域明确、视觉结构接近传统后台管理系统，因此会偏爱这种区域边界很清晰的布局模型。

文件头部注释里已经明确写出，它从1.38版本开始被标记为dep