JavaScript语法树与代码转化实践

"type": "Identifier",

"name": "bar"

}

]

"parenthesizedExpression": true

}

]

}

Babel 支撑以不雅察者(Visitor)模式定义插件，我们可以在 visitor 中预假想要不雅察的 Babel 结点类型，然落后行操作;譬如我们须要将下述箭头函数源代码转化为 ES5 中的函数定义：

// Source Code 
const func = (foo, bar) => foo + bar; 
 
// Transformed Code 
"use strict"; 
const _func = function(_foo, _bar) { 
  return _foo + _bar; 
};

FunctionDeclaration(path) { 
  path.scope.generateUidIdentifier("uid"); 
  // Node { type: "Identifier", name: "_uid" } 
  path.scope.generateUidIdentifier("uid"); 
  // Node { type: "Identifier", name: "_uid2" } 
}

将某个变量声明提取到副感化中

在上一节中我们比较过转化前后两个函数语法树的差别，这里我们就开端定义转化插件。起首每个插件都是以 babel 对象为输入参数，返回某个包含 visitor 的对象的函数。最后我们须要调用 babel-core 供给的 transform 函数来注册插件，并且指定须要转化的源代码或者源代码文件：

// plugin.js 文件，定义插件 
import type NodePath from "babel-traverse"; 
 
export default function(babel) { 	
			 5/10   首页 上一页 3 4 5 6 7 8 下一页 尾页	
			

　　推荐阅读
　　海南常见罪名量刑细则实施 人工智能助力司法改革
            
            2009年6月，我省开端量刑规范化改革，是全国第二批试点省份。据介绍，海南最新版的量刑细则涵盖了23个常见着绫躯和罚金刑、缓刑实用，所涉的刑事犯法案件占到我省刑事案件的95%以上。此次>>>详细阅读


本文标题：JavaScript语法树与代码转化实践
地址：http://www.17bianji.com/lsqh/36429.html
 1/2    1