@myrelaxНаписано мной и для себя. Основные темы: javascript, kotlin, android studio, мобильная разработка, React-Native, Flutter@myrelaxhttps://teletype.in/atom/myrelax2026-07-26T15:53:35.501Zmyrelax:1gZPQp7mPniО работе javascript (1)2022-07-25T13:06:06.558Z2023-05-21T18:38:23.603ZПод капотом js
<p id="EdSw">Под капотом js</p>
<p id="lldL">Наберем следующий код в редакторе (можно и в онлайн):</p>
<pre id="EdSw" data-lang="javascript">console.log(varVal)
console.log(letVal)
console.log(constVal)
var varVal
let letVal
const constVal</pre>
<p id="gUV4">Что мы увидим в консоли?</p>
<p id="ozBq">А c этим что (удалим последнюю строку)?</p>
<pre id="VHip" data-lang="javascript">console.log(varVal)
console.log(letVal)
console.log(constVal)
var varVal
let letVal
//const constVal</pre>
<hr />
<p id="A5bh">В первом случае мы увидим нечто типа (кстати сообщения могут различаться)</p>
<section style="background-color:hsl(hsl(323, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
<blockquote id="yl3K">...somedir/index.js:6<br />const constVal<br /> ^^^^^^^^<br />SyntaxError: Missing initializer in const declaration</blockquote>
</section>
<section style="background-color:hsl(hsl(323, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
<blockquote id="96kw">undefined<br />ReferenceError: Cannot access 'letVal' before initialization<br /> at Object.<anonymous> (/home/...somedir/index.js:2:13)<br /> at Module._compile (internal/modules/cjs/loader.js:999:30)</blockquote>
</section>
<p id="6PPq">Вопрос - почему так происходит?</p>
<p id="QRPJ">В первом случае получаем ошибку в конце кода, а когда удаляем этот участок - то получаем ошибку на 2 строке. Отсюда мы уже можем понять что код "обрабатывается" как минимум 2 раза.</p>
<p id="duL8">Нашел такой ресурс <a href="https://astexplorer.net/" target="_blank">https://astexplorer.net/</a>, где можно увидеть результат работы <strong>парсера </strong>js кода. <strong>Парсер</strong> проходит по коду и переводит js код в некий список данных который называют <strong>AST. </strong>Проблему создания <strong>const</strong> без присвоения можно найти уже на этом этапе, поскольку сама концепция <strong>const</strong> заключается в том чтобы присвоить некое значение переменной и затем не менять его. Поэтому парсер проходит по строке где есть символы "const", далее через пробел ожидает символы названия переменной, далее "символ присвоения" и значение переменной. В нашем коде последнего пункта нет, поэтому уже можно вывести сообщение об ошибке в коде. Кстати на этом же ресурсе можно менять парсеры, и например обнаружить что парсер "typescript" построит AST с нашим кодом=)</p>
<p id="usEL"><em>P.S. Тут не раскрыта тема парсера и AST, надеюсь раскрыть эти тему в будущем. Напоминаю, написано мной и для себя. Если кому то помогло - отлично, если нашли ошибку - буду рад исправить, если можете подсказать что-то дельное по теме - непременно пишите</em></p>