Please enable JavaScript.

Coggle requires JavaScript to display documents.

babel - Coggle Diagram

- - - - Literal:字面量
      - Identifier：标识符
      - statement 是语句，它是可以独立执行的单位，比如 break，continue，debugger，return 或者 if 语句、while 语句、for 语句，还有声明语句，表达式语句等。我们写的每一条可以独立执行的代码，都是语句。
      - Declaration：声明语句是一种特殊的语句，它执行的逻辑是在作用域内声明一个变量、函数、class、import、export 等。
      - Expression：是表达式，特点是执行完以后有返回值，这是和语句 (statement) 的区别
      - Class。class 的语法比较特殊，有专门的 AST 节点来表示。
      - import 有 3 种语法
        
        named import：
        
        import {c, d} from 'c';
        
        default import：
        
        import a from 'a';
        
        namespaced import:
        
        import * as b from 'b';
      - export
        
        named export：
        
        default export：
        
        all export：
      - Program & Directive
        
        program 是代表整个程序的节点，它有 body 属性代表程序体，存放 statement 数组，就是具体执行的语句的集合。还有 directives 属性，存放Directive 节点，比如"use strict" 这种指令会使用 Directive 节点表示。
      - File & Comment
        
        babel 的 AST 最外层节点是 File，它有 program、comments、tokens 等属性，分别存放 Program 程序体、注释、token 等，是最外层节点。
    - - 可视化网站： axtexplorer.net
      - 全部的 AST：https://github.com/babel/babel/blob/main/packages/babel-parser/ast/spec.md
      - babel/types 的 typescript 类型定义。https://github.com/babel/babel/blob/main/packages/babel-types/src/ast-types/generated/index.ts
    - - 每种 AST 都有自己的属性，但是它们也有一些公共属性
      - type： AST 节点的类型
      - start、end、loc： start 和 end 代表该节点对应的源码字符串的开始和结束下标，不区分行列。而 loc 属性是一个对象，有 line 和 column 属性分别记录开始和结束行列号。
      - leadingComments、innerComments、trailingComments：表示开始的注释、中间的注释、结尾的注释，因为每个 AST 节点中都可能存在注释，而且可能在开始、中间、结束这三种位置，通过这三个属性来记录和 Comment 的关联。
      - extra：记录一些额外的信息，用于处理一些特殊情况。