使用emscripten编译WebAssembly

需要编译的c语言demo程序add.c

#include <stdio.h>
int add(int a,int b)
{
    return a+b;
}
int main(void)
{
    printf("%d\n",add(1,2));
}

1、可以编译成带有html输出文件，可以直接打开html文件查看效果

emcc add.c -s WASM=1 -o add.html

其中-s WASM=1一定要加，否则默认生成的文件不是*.wasm而是js文件

2、大部分情况建议不输出html文件，直接生成wasm文件和js文件。生成的js文件中有调用WebAssembly的接口，我们只需要调用js文件的接口即可。

emcc add.c -s WASM=1 -s SIDE_MODULE=1 -o add.js

3、如果想自己写js调用WebAssembly，有多种方法，其中一种如下：

<script>
 fetch('add.wasm').then(res =>
  res.arrayBuffer()
 ).then(buf => {
  let m_buf = new Uint8Array(buf);
  let api = Wasm.instantiateModule(m_buf);
  console.log("123+1024=",api.exports.add(123,1024));
 });
</script>