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

Transcript

1. 1.

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

   Is CC-BY-4.0
2. 2.

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

3. 3.

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

4. 4.

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

5. 5.

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

6. 6.

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

7. 7.

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

   直接実行するかどうか
8. 8.

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

9. 9.

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

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

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

11. 11.

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

12. 12.

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

    コード生成 (Code Optimization) (Code Generation)
13. 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. 14.

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

15. 15.

    How JavaScript works JavaScript 動作の仕組み

16. 16.

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

17. 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. 18.

    V8

19. 19.

    JavaScriptCore

20. 20.

    SpiderMonkey

21. 21.

    Chakra

22. 22.

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

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

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

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

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

25. 25.

    あなたはどっち派？

26. 26.

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

27. 27.

    Build Something Amazing written by ariaki4dev