Почему windows.data работает, а не данные

Question

У меня есть html-файл, в котором есть встроенный JavaScript в конце тела, где определены данные глобальной переменной. Файл JavaScript включен в голову, и одна из функций внутри файла JavaScript использует значение в переменной.

Поскольку файл был включен перед определением переменной, переменная в файле JavaScript возвращается неопределенно. но window.variable возвращает переменную. Есть ли общее правило, которого я пропускаю, или это просто совпадение в моем случае.

HTML упрощена:

<script src='myFile.js' language='JavaScript' type='text/javascript'></script> 
<script language="javascript"> 
    var inLine = "abcde"; 
</script> 

myFile.js, что не работает (возвращает Undefine INLINE):

var insideFile = inLine.length; 

myFile.js, который работает:

var insideFile = window.inLine.length; 

В сумме я хотите знать, почему один из них работает, а не другой

Answer 1

Ваш js-файл включен до того, как определена переменная, и что означает, что код внутри файла выполняется до того, как эта переменная определена, поэтому вы получаете ошибку.

Причина вы не получите сообщение об ошибке для window.varname также причина, вы не получите сообщение об ошибке для этого:

var obj = {}; 
console.log(obj.a); 

, когда вы смотрите на объект собственности, и оно не существует Javascript показывает неопределенными.

Answer 2

В сумме я хочу знать, почему один из них работает, а не другой

Один из подходов, которые могли бы вернуть определенные результаты, без ошибок, если бы defer атрибут был установлен на "myFile.js"

<script src="data:text/javascript,var insideFile = window.inLine.length;console.log(inLine, insideFile)" 
 
    type="text/javascript" defer></script> 
 
<script type="text/javascript"> 
 
    var inLine = "abcde"; 
 
    console.log(window.inLine) 
 
</script>