JavaScriptはコンパイラ型言語か？/Is JavaScript a compiled language?

Transcript

1. Sep 18, 2018 #roppongijs @ariaki4dev JavaScript a compiled language ?

   Is CC-BY-4.0

2. [JavaScript] インタプリタですか？ コンパイラですか？

3. 自己紹介 ariaki @ariaki4dev #techdo #engineers_lt MEDIA DO Co.,Ltd.

4. コンパイラ/インタプリタの概要を知る JavaScriptの言語体系を考える 本日の目標 初級者もわかるくらい易しい説明をしたい する #engineers_ltを宣伝する ネタLTなのでエモくやりきる

5. プログラム言語体系 JavaScript動作の仕組み アジェンダ 1 2

6. プログラム言語体系 How compiler / interpreter works

7. コンパイラ型言語 インタプリタ型言語 プログラムをコンピュータが直接的 に実行できる機械語、又は、何らか の効率的な中間表現に変換して実行 する言語体系。 前提条件 プログラムを直接、又は、何らかの 効率的な中間表現に変換しながら実 行する言語体系。

   直接実行するかどうか

8. 字句解析 構文解析 意味解析 最適化 コード生成 実行 中間コード オブジェクトプログラム ソースコード

9. 字句解析 let x = “string”; let x = “string” Tokens

   構文解析 AST : Abstract Syntax Tree 構文木 (Lexical Analysis) (Syntax Analysis)

10. https://astexplorer.net JavaScriptをASTに分割して、 グラフィカルに表示するサイト AST Explorer

11. http://int3.github.io/metajs/ metajs JavaScriptをASTに分割して、 ステップ実行できるサイト

12. 構文木 意味解析 中間コード IR : Intermediate Representation (Semantic Analysis) 最適化

    コード生成 (Code Optimization) (Code Generation)

13. - ESTraverse - babel/traverse - estree-walker - Esrecurse - AST

    Types - Acorn - Esprima - babel/parser - espree parser traverseler AST 関連ツール - escodegen - babel/generator code generator - ESLint linter

14. https://estools.github.io/escodegen/demo/ escodegen demo Esprima / escodegenを使って、 JavaScriptをパース＋再生成する

15. How JavaScript works JavaScript 動作の仕組み

16. https://mathiasbynens.be/notes/shapes-ics インタプリタ？ コンパイラ？

17. 主要JSエンジン # Browser JS Engine 1 Google Chrome V8 2

    Apple Safari JavaScriptCore 3 Mozilla Firefox SpiderMonkey 4 Microsoft Edge Chakra 5 KDE Konqueror KJS 6 Mozilla (JVM) Rhino

18. V8

19. JavaScriptCore

20. SpiderMonkey

21. Chakra

22. - Just-In-Timeコンパイラの略 （対義語 → AOT : Ahead-Of-Time コンパイラ） - プログラムの実行時にコンパイル

    （中間コードからネイティブコードに変換） - Java / .NET 等が有名 JITコンパイラ

23. - JavaScript エンジンは JIT コンパイラを持つ - インタプリタはバイトコードをすばやく生成 - あまり効率的ではない -

    コンパイラは効率の良いマシンコードを生成 - コンパイルに時間がかかる - 複数のコンパイラを使って最適化を制御している 結論

24. なんか両方もってるし 今日は両者の境界が曖昧なので どっちでもいい という結論に至りました まじか やべー これでええんか

25. あなたはどっち派？

26. 告知 #engineers_lt / エンジニアの登壇を応援する会 https://engineers.connpass.com/event/100640/

27. Build Something Amazing written by ariaki4dev