Порядок инициализации объектов в функции OnStart

При инициализации приложения в функции OnStart происходят следующие действия:

Порядок следования данных операций не важен, за исключением единственного момента: перед использованием объектов их нужно создать. Любое действие с несуществующим объектом вызовет ошибку при выполнении приложения.

То есть, теоретически после создания объектов все остальные действия с ними можно выполнять в любом порядке, например, как показано в примере ниже.

Выполнить

Это пример прекрасно работает, но так писать код не рекомендуется по причине того, что все операции в нём перемешаны. При работе с 20 объектами в таком стиле код превратиться в один запутанный клубок, в котором будет сложно понять какие объекты созданы и каким компоновщикам добавлены. Запутанный и сложный код - это источник ошибок и проблем. Для эффективной разработки и поддержки приложений лучше произвести группировку однотипных действий по разделам.

Выполнить

window.controls = [];

function OnStart()
{
    //+++ раздел создания компоновщиков
    
	var _layMain = (function(){
    
    	var _object = app.CreateLayout( "linear", "VCenter,FillXY" );
        
        return _object;
        
    })();    
    
    //--- раздел создания компоновщиков
    
    //+++ раздел создания элементов

var _img = (function(){
    
    	var _object = app.CreateImage( "/Sys/Img/Hello.png" );
        
		return _object;
    })(); 
    
	var _btn = (function(){
    
    	var _object = app.CreateButton();
    	_object.SetText( "Кнопка" );
        _object.SetTextSize( 32 );
        _object.SetSize( 0.2, 0.2 );
        
		return _object;
    })(); 
    
    //--- раздел создания элементов
	
	//+++ раздел компоновки
	
	_layMain.AddChild( _img );
	_layMain.AddChild( _btn );
	
	//--- раздел компоновки

alert( "Ширина кнопки до отображения " + _btn.GetWidth() );
	
    //+++ раздел отображения компоновки
    
	app.AddLayout( _layMain );
    
    //--- раздел отображения компоновки
	
	//+++ раздел настройки размеров элементов
	
	alert( "Ширина кнопки после отображения " + _btn.GetWidth() );
	
	//--- раздел настройки размеров	элементов
    
    //+++ интерфейс
    
    window.controls.button = _btn;
    
    //--- интерфейс
}

Преимущества показанной группировки следующие:

В самом конце присутствует интерфейсный раздел. В этом разделе в глобальное свойство-массив controls добавляются объекты (компоновщики и элементы), к которым необходимо обращаться во внешнем коде. Это гарантирует то, что никто за пределами функции инициализации не сможет изменить элементы интерфейса, которые не предназначены для изменения или взаимодействия с пользователем, что делает код более надёжным. В приведённом выше примере доступ открыт только к объекту _btn.

Можно ли отдельные разделы поместить в разные функции, например, создавать компоновщики в одной функции, объекты- в другой, компоновать их в третьей и т.д.? Можно, но это приведёт к следующему: для доступа к объектам из разных функций первые должны быть общедоступны. Для чего открывать доступ к объектам интерфейса, которые не требуется менять во внешнем коде?