W jaki sposób przeglądarki analizują i interpretują kod JavaScript?

Question

W jaki sposób przeglądarka wykonuje parsowanie kodu JavaScript, który ładuje z plików lub wbudowany? Próbuję dotrzeć do sedna tego, co robi przeglądarka. Co się dzieje, gdy strona ładuje się i ma odniesienia do plików zewnętrznych oraz rzeczywisty kod JavaScript na stronie. Jakieś dobre artykuły?

Answer 1

Jest to zdefiniowane w standardzie ECMAScript.

Najpierw oryginał (materiał pomiędzy <script> znaczników) jest konwertowany w szeregu znaczników (według Lexical gramatyki języka)

tekst źródło programu ECMAScript jest najpierw przekształcone w sekwencję elementów wejściowych, które są tokenami, terminatorami liniowymi, komentarzami lub białą przestrzenią. Tekst źródłowy jest skanowany od lewej do z prawej strony, powtarzając najdłuższą możliwą sekwencję znaków jako następny element wejściowy.

przeczytać tutaj: http://es5.github.com/#x7

To seria tokenów jest traktowany jako program, który jest następnie oceniana według składniowych gramatyki języka, który jest określony w rozdziałach 11 do 14 standardu ECMAScript .

syntaktyczna gramatyki ECMAScript jest podane w punktach 11, 12, 13 i 14. ma gramatyki ECMAScript żetony określonych przez słownikowego gramatyki jej symboli końcowych (5.1.2). Definiuje on zbiór produkcji , począwszy od programu Cel, które opisują, w jaki sposób sekwencje tokenów mogą tworzyć syntaktycznie poprawne programy ECMAScript .

przeczytać tutaj: http://es5.github.com/#x5.1.4

Zaczyna się w rozdziale 14: http://es5.github.com/#x14

---

Należy pamiętać, że każdy element <script> reprezentuje odrębny program JavaScript.
przeczytać tutaj: How many JavaScript programs are executed for a single web-page in the browser?

Answer 2

To jest chyba najlepszy opis tego, co przeglądarka ma według ECMAScript standardowych Javascript Closures: Identifier Resolution, Execution Contexts and scope chains