Как не допустить выполнение скрипта до полной загрузки страницы?

Question

[Sergiy Oliynik]

Есть скрипт util.js, в котором описаны некоторые функции, также есть скрипт control.js, в котором описан базовый класс для следующего: scale9image.js - этот класс наследуется от control.js.

Загружаются они в след. последовательности:

<script src="util.js"></script>
<script src="control.js"></script>
<script src="scale9image.js"></script>

Код пишется на TypeScript. В связи с этим все классы имеют следующий вид:

(function() {
var Class = function Class() {
...
})();

Похоже, в этом виде код выполняется сразу, а не ждет полной загрузки страницы.

В определенный момент появилась необходимость создать объект класса scale9image в первом скрипте util.js, где он не существует т.к. этот скрипт еще не загружен. Перенести его выше не могу т.к. нужно будет переносить выше и control.js, а это создаст аналогичную проблему поскольку он использует функцию с utils.js.

Получился замкнутый круг. Кто сталкивался, подскажите как решается эта проблем?

Answer 1

[Антон Иванов]

Что то мне подсказывает, у вас не всё хорошо с архитектурой приложения. Поскольку util.js грузится ПЕРЕД scale9image.js, только в первом вы ну никак не можете вызвать функцию из последнего. Браузер читает код строго последовательно, и как только наткнётся на вызов функции из scale9image.js в первом файле - сразу выдаст вам ошибку в консоль.

А вы не можете поднять scale9image.js на первую позицию?

Comments

[Sergiy Oliynik]

Функция в utils создает объект класса scale9Image, который используется в другом классе, который наследуется от control как и scale9image. Все 3 класса можно было бы вынести наверх если бы utils не использовался в control. Видимо, нужно будет где-то что-то убрать либо из utils, либо из control чтобы ничего не переносить или все перенести без других конфликтов