这个文章主要描述在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）的技术开销要小很多。类型包装也是他性能优化的基础方式之一。