Как динамически подключать и отключать JS-скрипты?

Question

[Дмитрий Масленников]

Есть проект в формате SPA, хочу реализовать на нем динамическое подключение и отключение скриптов. С подключением все просто:

var el = document.createElement('script');
    el.id = 'script_test';
    el.type = 'text/javascript';
    el.async = true;
    document.body.appendChild(el);
    el.src = './js/test.js';

Вопрос как реализовать динамическое отключение этого скрипта?

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

Comments

[Сергей Соколов]

Уточните, что делают подгружаемые скрипты? Выполнение скрипта может быть и необратимым: например, выполнение анонимной функции, до контекста которой потом не достучаться..

Answer 1

[Сергей Соколов]

Модули.

Comments

[Антон Швец]

Однако, сейчас браузерной поддержки почти нет. Поэтому ES-модули используются в сочетании с системами сборки, такими как webpack, brunch и другими, при подключённом Babel.JS. Мы рассмотрим это далее.

Answer 2

[Антон Швец]

А что представляет собой загруженное содержимое? Если глобальная сущность какая-то, то

$ = jQuery; // загрузили данные
delete window.$ // - и нету. 
// После уничтожения всех ссылок, GC вычистит саму сущность из памяти.

Все в js это свойства глобального объекта.

Для загрузки более правильно будет использовать require.js, чем делать самодельный тэг.