这个文章主要描述在cheerp环境下， js和c++侧数据类型的转换和包装内容。
1 基础数据类型
首先我们知道javascript是弱类型的脚本语言，开发者在开发的时候不必关注数据的类型和边界，而c++是静态编程语言， 在编译阶段就需要确定类型，在编译器处理的时候可以获得更好的优化。
我们都知道js所拥有的数值类型，（int，uint，float，double）默认不区分都是double类型存储，这点和lua很相似。
在一般堆栈机下，如果使用函数调用会有大量的push，pop指令来获取传递的参数，还要在内部进行根据类型包装成可识别的类型。
cheerp的内存模型是平坦的，目标如果不是wasm的话， 是和js一致的，可以直接调用（翻译成javascript，不需要push，pop这种指令）。
在cheerp环境下如果交织javascript和c++代码， cheerp会通过位移移除来替我们处理类型， 比如int类型，用js的Number左移两位来标识。我们可以不关心这些基础数据的转换。
2复合数据类型
如果是js模式，cheerp会将js对象转换成struct，或者是class类的映射，默认不推荐使用动态结构。 首先要在cheerp侧拥有对应的结构定义，才能获取和写入属性。
从js侧生成库给c++使用:
比如公开一个函数到c++
function window_base64_encode(s) {
return window.btoa(s);
}
我们在c++里定义
String * window_base64_encode(String *);
cheerp 会自动给我们生成函数调用参数的原型,并切映射到js侧.
如果是传输的对象我们可以使用Object* 来标识js侧的对象。
Object * window_getData(String * );
如果是wasm模式，cheerp会严格遵守c++标准，对数据进行转换。
如果要传输复合类型的数据，比如说对象那么我们需要用struct对基础数据进行包装.而不是直接使基础类型.
struct Sub {
int age ;
};
struct Data {
char hellow [20];
int age ;
struct Sub c;
};
等同于{age:20, c:{age:21},hellow:"cheerp"}
从c++调用js：
//JSExportAPI::test();
uint8 Indata[16] = {0,0,0,0,0,0,0,0,0,0,0,0,0,0,0};
for(char i = 0; i < 16; i++) {
Indata[i] = i; ///用例
}
JSExportAPI::myJsSayHello(Indata); ///wasm调用js
for(char i = 0; i < 16; i++) {
std::cout << (*Indata+i)<< endl; //结果
}
从js调用c++
int myCppSayHello(Data a) {
cout << "hellow i am from cpp " <<endl;
cout <<"hellow="<< a.hellow <<endl;
cout <<"age="<< a.age <<endl;
cout <<"sub.age="<< a.c.age <<endl;
return 0;
}
class [[cheerp::genericjs]] JSExportAPI {
public:
JSExportAPI() {
}
static void myJsSayHello (uint8 * buffer) {
Uint8Array * t = (Uint8Array *)cheerp::MakeArrayBufferView(buffer);
auto array = cheerp::makeArrayRef(t);
for( int i = 0 ; i < array->get_length(); i++ ) {
array[i] = array[i] + 100 ;
*(buffer+i) = array[i];
}
struct Data d ;
d.age = 20;
d.c = {21};
memcpy(d.hellow ,"cheerp", 7);
myCppSayHello(d);///js调用wasm
}
};
[[cheerp::genericjs]] 字段是生成js模式的代码。
无论是js到c++还是c++到js， cheerp转换的开销比一般的（ffi）的技术开销要小很多。类型包装也是他性能优化的基础方式之一。
