[Костыль #1] JavaScript include. Динамическая подгрузка скрипта JS

Автор Maksim Inshakov
[Костыль #1] JavaScript include. Динамическая подгрузка скрипта JS

Всем привет.

С вами сканер и сегодня мы поговорим о такой теме как include Java скрипте вот вообще. Я открываю новую рубрику которые я назвал в ней мы будем рассматривать всякие разные интересные штуки которые можно использовать в воскресенье в разных проектах и так, что я подразумеваю. Под командой include думаю.

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

давайте ему события припиши. Можно даже написать просто я сейчас объясню почему использовать целесообразнее такой вот объект следующее, что нужно — это поле для выполнения скрипта. Так если сейчас здесь одновременно жгута вылазит ошибка. Повторите, что он же ж у нас не найдёт нас будет равняться объектов так как мы здесь используют точку то объектов нужно добавить свойства первое свойство которое мы — это свойства собственных функций — это который является путем к нашему скрипту в качестве пути. в качестве путей здесь мы напишем 1 точка G — это и есть тот самый файл что-то выводить в консоль что. Павел 1 был загружен. Как теперь — это реализовать на самом деле довольно-таки просто использовать для просушки будем ayaks технология сейчас нажму кстати сказать. Вот видите, что у нас уже шибко не высвечивается какая-то есть всё срабатывает. Давайте теперь здесь точно сейчас родился необходимое первое, что нужно сделать — это создать загрузчик которая у нас будет считывать данные. Я назову просто ayaks и он у нас будет являться загрузчиком всех наших ран используя команду неё не создадим объект. Теперь нужно его настроить охрана в режиме поэтому здесь просто пишет, а я и указывая. Ему просто нам достаточно делать всё равно только отправить запрос нужно и применять данные и следующее — это путь к нашему файлов второй раз будет который информирует наших краях потому, что нам не требуется асинхронная загрузка после того как мы открыли всё — это дело нам нужно отправить запрос, что мы и делаем отправляем запрос сюда в качестве траву можно передать. Ну в принципе можно и ничего не передавать то есть оставить теперь после того как мы отправили запрос так как он у нас выполняться в синхронном режиме, что гарантирует нам ожидание того, что нашли будет загружен ещё одну перемена который у нас пойдёт сам текст который нужно выполнить сохранение переменной A response текст или ресторан текст я точно не в курсе. Теперь мы просто его выполнен можем проверить уже, что у нас здесь получилось. Итак скрипт один вот как перейти в консоль у нас появилась файла один из слова да то есть он загрузился вот было у нас погружают файл размером 2 если сюда добавим ещё одну коробку и здесь в качестве пути передадим strip2.. Как вы можете заметить у нас будет 2. Скрипка и так несколько раз я нажимаю столько раз здесь у нас загружается и также со скриптом 16 можно чередовать и каждый раз наша скрипты выполняет вот — это вот команда есть такой ещё один нюанс, что допустим вы описываете так — это можно погрузить какие-то функции к примеру у нас будет равняться функции. Ну и что-то ничего не нужно переделать просто какой-то функция. Давайте сюда добавим ещё одну кнопку которая у нас будет является ли у нас X функции. Я просто напишу, а здесь и и. Давайте попробуем и так я нажимаю он пишет, что у нас не определена если сейчас я покажу один и проверю то увидите чтобы консоль не закрывалась функция теперь у нас функция. Если я сейчас ещё раз 31 под гружу. Да как вы можете здесь понять, что их сам нас будет каждый раз переопределяется. То есть каждый раз будет выполняться то, что уже не требуется для этого мы можем сделать еще одно свойство в объект JS допустим вот свойства куда мы будем записывать все наши загруженные скрипты теперь здесь тем как мы будем выполнять запрос на загрузку файла мы сделаем проверку если наш объект в данном случае — это как раз таки ссылка на объект нужно написать чтобы не путаться и так если GS Script и сюда укажем путь делаем команду варить. А, что — это у нас является. Она нас проверяет логическое выражение если здесь записано у нас если кому-то кидаем выполнение этой функции если жене то мы продолжаем и после того как мы — это всё сделали то мы обратимся к нашему объекту GS его скрипты запишем друг. Теперь смотрите как только у нас запустился файл скрипта JS он у нас выполнился вот этой командой и здесь произошло запись о том, что за дружбу давайте обновим сейчас и попробуй и так файл один из ладов если я нажимаю. Сейчас на этот на эту кнопку то как видите у нас не дублируется то есть она создалась у нас. Вполне себе корректно и всего один раз для strip2 проходить не дублируются контакты. То есть можно сделать этот таким образом чтобы загрузка скрипта произошло только один раз если — это наоборот чтобы они нас каждый раз не переопределяется теперь он в один момент если здесь я напишу Var X можете заметить. Если есть то у нас их не определяется. Дело в том, что — это связано с тем, что как только мы указали там переменным Park Town Ace автоматические — это переменная стала она уже стало у нас переменные внутри. Скопа include. То есть она у нас только в пределах этой функции после чего так же удалила для этого вы можете сюда дополнительно передать какую-нибудь функцию для обработки всех данных одаренных.

0 комментариев
0

Читайте также