miniblog.

← Back to all posts

Wilfred Hughes

Apr 22, 2018 at 18:21

Understanding surprising JS syntax by visualising the parse tree: https://ariya.io/2012/04/javascript-syntax-tree-visualization-with-esprima

JavaScript syntax tree visualization with Esprima

JavaScript syntax tree visualization with Esprima

One little feature I added to Esprima parser demo was syntax tree visualization (using YUI TreeView). While it is already possible to see the JSON version of the parsed AST, often a much more visual representation improves the syntax analysis workflow. It is also more educational. An example code that follows: