利用正则表达式，我们还是可以搞定很多需求的，但这样真的能包含所有情况么？有的同事是真的喜欢回车。 这种情况下，如果面对更复杂的需求或者严谨的场景，要么我们编写更复杂的正则表达式，要么我们就不得不去硬肝 AST 操作了。 这需要大家对 AST 结构比较熟悉，在编写的时候需要对着解…

每个部分的编译器代码在src/compiler都可以找到, 本文会对每个解析器进行一一讲解。在开始之前,我从网上找了一张图 能够帮助我们了解编译器是如何将上述几个关键部分组合在一起的。 我先介绍每个解析器的工作原理, 最后我将会对每一条线路做一次概括。 ts扫描器的源代码均位于…

js是单线程的弱类型的脚本语言，所以很多错误会在运行的时候才会发现，一旦出现运行时的错误，那么整个js线程都会挂掉，导致我们页面没有响应，所以我们需要有一种手段来避免，而将代码用try catch包括就是最容易实现的一种方式，但是前端工程师们很少会用try catch把代码包括…

在计算机科学中，抽象语法树（Abstract Syntax Tree，AST），或简称语法树（Syntax tree），是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构，详见维基百科。这里以const a = 1转成v…

在写这次精读之前，我想谈谈前端精读可以为读者带来哪些价值，以及如何评判这些价值。 前端精读已经写到第 123 篇了，大家已经不必担心它突然停止更新，因为我已养成每周写一篇文章的习惯，而读者也养成了每周看一篇的习惯。所以我想说的其实是一种更有生命力的自媒体运作方式，定期更新。一个…

团队使用 TypeScript 进行 React 组件开发。开发组件的同时，需要为组件撰写文档（使用 Markdown 编写文档）。文档中需要对组件的 props 定义进行说明。 在开发组件的时候，是编写组件 props 的接口定义。这时候就希望能够偷懒了，直接抽取组件源代码中…

Babel是一个Javascript编译器，他能让你现在就开始使用未来版的Javascript。曾经的Javascript由于语言本身的设计缺陷，饱受程序员们的诟病，如今随着ES语言规范的制定与发展，加上Typescript的横空出世，Javascript开始逐年霸占最流行语言…

首先，先说明下该文章是译文，原文出自《AST for JavaScript developers》。很少花时间特地翻译一篇文章，咬文嚼字是件很累的事情，实在是这篇写的太棒了，所以忍不住想和大家一起分享。 该译文出自我的博客：github.com/CodeLittlePrince…

Babel为当前最流行的代码JavaScript编译器了，其使用的JavaScript解析器为babel-parser，最初是从Acorn 项目fork出来的。Acorn 非常快，易于使用，并且针对非标准特性(以及那些未来的标准特性) 设计了一个基于插件的架构。本文主要介绍es…