JavaScript: Доступ к переменным, определенным в внешних файлах .js

Question

Можно создать дубликат:
Dynamically Importing JavasScript

Есть ли способ получить доступ к переменным, которые поступают из внешних импортировала JavaScript .js файлы?

В внешнем .js файл я определяю varialbe например следующим образом:

// JavaScript Document 
var PETNAME = "Beauty"; 

После динамического импорта этого кода, я хочу, чтобы получить доступ к переменной PETNAME, но я не получаю определенное значение:

alert("Pet Name: " + PETNAME); 

Что может быть неправильным, и есть ли способ принести значения из внешнего .js-кода в мастер-код JavaScript?

спасибо.

Answer 1

Чтобы импортировать JS динамически, вам необходимо рассмотреть onreadystatechange и load события, которые запускаются, когда скрипт анализируется браузером и доступен вам. Вы можете использовать эту функцию:

function getScript(url, callback) { 
    var script = document.createElement('script'); 
    script.type = 'text/javascript'; 
    script.src = url; 

    script.onreadystatechange = callback; 
    script.onload = callback; 

    document.getElementsByTagName('head')[0].appendChild(script); 
} 

И вы можете использовать его как это:

getScript('path to your js file', function(){ 
    alert("Pet Name: " + PETNAME); 
}); 

Answer 2

Убедитесь, что вы включили внешний файл, прежде чем пытаться получить доступ к переменной, определенной в ней. Также убедитесь, что переменная во внешнем файле не определена внутри функции, и в этом случае они ограничиваются только этой функцией. Если это не помогает попытаться удалить ключевое слово var перед переменной, это создаст глобальную переменную.