最近遇到了一个诡异的需求:
将一个弱类型语言JavaScript转化成强类型语言Swift
方案一:
强转,将JavaScript的语法和Swift的语法一一对应
在Js中 一个方法的关键词是 function 在Swift中是 func,我们遍历一下Js代码,将所有的 function 转化成 func
嗯。。。 感觉太傻了。。。没有一点作为一个程序猿的追求
方案二:
将Js转化成AST,将Js的AST转化成Swift的AST,然后再转回Swift
嗯。。。这个貌似牛逼哄哄,但是遇到了几个难点:
1、Js的AST和Swift的AST很难找到对应关系
JavaScript中定义一个a变量:
var a = 1
Swift中定义一个a变量:
var a = 1
他们的AST分别如下:
两者的语法描述一模一样,但是AST却相差很多,很难找到差异性
2、JavaScript中通过 escodegen 这个库 将AST重新生成为源码,但是在Swift和Java中并未找到相应的官方库或者第三方库来进行转化
3、JavaScript中有ES5、ES6,我们可以编写ES6的语法然后通过Bebal将ES6翻译成ES5,用到就是 JavaScript 和 AST 之间的相互转换,但是Swift并中没有类似的需求,所以相应的资料代码极少
方案三:
将Js的AST转化成Swift
既然不能将Swift的AST转化成Swift,可不可以将Js的AST转化成Swift呢?
如何操作?:
这里借鉴了JS Parser的三板斧
1.通过 esprima 把源码转化为AST
2.通过 estraverse 遍历并更新AST
3.通过 escodegen 将AST重新生成源码
简单说一下原理:
首先通过 esprima 将js 源码翻译成 AST,
通过 estraverse 遍历AST 补充一些特征(比如类型)
修改 escodegen 源码,生成Swift源码
修改 escodegen 源码
新建一个Js的项目,安装 esprima、escodegen依赖,
新建 test.js 需要解析的js代码:
function testFunc() {
var a = 1
var b = "1"
var c = false
if (a<20) {
b = "Good day";
}
console.log(b)
var car = {type:"Fiat", model:500, color:"white"};
console.log(car.type)
}
复制代码
新建 swift.js 用来读取 test.js 代码,生成 test.swift 文件:
const esprima = require('esprima');
const escodegen = require("escodegen");
var fs = require("fs")
// 读取test.js代码
var data = fs.readFileSync('test.js');
let code = data.toString()
// 解析js的语法
let tree = esprima.parseScript(code);
// 解析ast
let transformCode = escodegen.generate(tree);
// 生成swift文件
fs.writeFile('test.swift', transformCode, function(err) {
if (err) {
return console.error(err);
}
});
复制代码
进行编译。。。
node swift.js
下面开始修改 escodegen 里面的 escodegen.js 文件
将 function 替换成 func
FunctionDeclaration: function (stmt, flags) {
return [
generateAsyncPrefix(stmt, true),
'function',
generateStarSuffix(stmt) || noEmptySpace(),
stmt.id ? generateIdentifier(stmt.id) : '',
this.generateFunctionBody(stmt)
];
},
复制代码
这段代码是用来处理 function 节点,我们只需要将 function 修改成 func 即可,很简单!
Js是弱类型,如何判断类型?
VariableDeclarator: function (stmt, flags) {
var itemFlags = (flags & F_ALLOW_IN) ? E_TTT : E_FTT;
console.log("+++++++++++++++++ 执行 VariableDeclarator+++++++++++++++++")
// 增加数据类型
// console.log(stmt.mold.name)
if (stmt.init) {
if (stmt.mold.name) {
return [
this.generateExpression(stmt.id, Precedence.Assignment, itemFlags),
space,
'=',
space,
this.generateExpression(stmt.init, Precedence.Assignment, itemFlags)
];
}
];
}
复制代码
这是处理变量的一个方法, 这段代码的返回结果是:a = 1 , 我们只需要在 a 前面加上 类型即可,这里用 Js的 typeof 方法进行判断,然后将 number、string、boolean 和swift 的Int、String、Bool进行映射
如何将 console.log 修改成 print
// 进行字符串替换
for (let i = 0; i < result.length; i++) {
const element = result[i];
if (element.indexOf("console.log")!=-1) {
result[i] = element.replace(/console.log/, "print")
}
}
复制代码
比较简单粗暴。。。
如何将Js的对应翻译成 Swift的对象?
这个稍微复杂,因为Js弱类型的特性,他不需要额外去写一个类定一个对象,但是Swift需要,所以这里我们需要读取Js的对象,然后生成一个类
在 Js 中 描述一个对象
var car = {type:"Fiat", model:500, color:"white"}
复制代码
在Swift中描述一个对象
class Car: NSObject {
var type: String = ""
var model: Int = 0
var color: String = ""
init(type: String, model: Int, color: Int) {
self.type = type
self.model = model
self.color = color
}
}
let car = Car(type: "Fiat", model: 500, color: "white")
复制代码
在 ObjectExpression 方法中 可以通过
if (expr.properties) {
let properties = expr.properties
for (let i = 0; i < properties.length; i++) {
const element = properties[i];
// 生成对应的文件
console.log(element.key.name)
}
}
复制代码
将 var car = {type:"Fiat", model:500, color:"white"} 中的type、model、color读取到,然后生成对应的Swift文件
剩下的就是将
var car = {type:"Fiat", model:500, color:"white"}
复制代码
替换成
let car = Car(type: "Fiat", model: 500, color: "white")
复制代码
只需要生成对象的时候记录一下类名,将 ‘{’ 替换成 ‘Car(’ ,将 ‘)’ 替换成 ‘}’即可
生成对象的代码:
// 生成类名
let className = getClassName(expr)
var swiftObject = 'class ' + className + ': NSObject { \n'
if (expr.properties) {
let properties = expr.properties
for (let i = 0; i < properties.length; i++) {
const element = properties[i];
// 生成对应的文件
swiftObject += space + space + "var " + element.key.name + ': ' + typeOfSwift(element.value.value) + '\n'
}
}
swiftObject += '}'
fs.writeFile('./Swift_Code/Model/' + className + '.swift', swiftObject, function(err) {
console.log(err)
if (err) {
return console.error(err);
}
});
复制代码
成果
完成了上述的翻译就可以完美的将 test.js 代码翻译成 test.swift 啦
func testFunc() {
var a:Int = 1;
var b:String = '1';
var c:Bool = false;
if (a < 20) {
b = 'Good day';
}
print(b);
var car = Car(
type: 'Fiat',
model: 500,
color: 'white'
);
print(car.type);
}
复制代码
for循环如何翻译?Js的网络请求如何翻译成Swift
未完待续。。。。