如果有看不明白的地方请先看前置说明文章

前一篇笔记写了如何在js中调用c++的函数，要在c++里执行js代码也有几种方法，另外和从js到c++的交互只能调用函数和操作内存不同，c++里可以编写完整的js代码并获得结果。

这里依然先附上官方的参考：https://emscripten.org/docs/porting/connecting_cpp_and_javascript/Interacting-with-code.html

---

使用emscripten_run_script直接执行代码

这是emscripten提供的执行js代码的方法，此方法无法获取js代码的运行结果（类似于返回值），可以获取返回值的版本在下文。这个方案的内部实现方式是把这个代码字符串扔外面的js环境用eval()来执行。

在test.cpp中编写如下代码：

#include <emscripten.h>

int main() {
	emscripten_run_script(
		"console.log('岂因祸福避趋之');\n"
		"console.log('6');");
	return 0;
}

然后执行命令编译：emcc -sMODULARIZE=1 -sASSERTIONS -sEXPORT_ES6 -o dist/test.mjs test.cpp

继续阅读[WebAssembly]初学笔记 在C++中嵌入Javascript代码 →

如果有看不明白的地方请先看前置说明文章

要在js中使用c++编写的函数或者在c++中运行js代码，则需要有一些方法打通这两个环境，官方已经写了一个列表列举出了所有的方法，可以参考：https://emscripten.org/docs/porting/connecting_cpp_and_javascript/Interacting-with-code.html

在此我会对部分方法简单进行举例。

上一篇笔记说到如果不需要自动执行main，可以不写main函数，此时我们需要使用wasm中编写的函数就需要手动设置需要导出的函数。

---

函数导出

要从C++中导出函数给js环境使用，有两种方法：一种不用改动代码，需要在编译参数上进行指定，另一种需要在代码中添加宏来指定。

这两种方法的使用场景我认为是这样：如果有一份源码不是你写的，或者说就是引用别处的一个库，那么我们去修改其源码肯定不便于后期维护，因此在编译参数中指定导出的方法最稳妥，但如果要编译的源码就是你专门为了这个wasm项目写的，那么使用宏指定可以让编译参数更加简洁，在代码中也可以更清晰地看出导出了哪些函数。

方法一：需要在编译时添加参数指明要导出的函数名称：

-sEXPORTED_FUNCTIONS=_func1,_func2,_func3，其中func1,func2,func3是在c++中你定义的函数名称，作为导出函数时，需要在其名称前面添加一个下划线，然后这些函数就会被添加给wasm的实例对象。

现在将test.cpp的内容修改为下：

#include <iostream>
extern "C" { // 由于C++导出方法会对方法进行重命名，这是用来指定以C形式导出方法

//定义一个无返回值函数，参数为一个int
void poi1(const int val) {
	std::cout << "poi1: " << val << std::endl;//输出val的值
}
//定义一个返回整数的函数，参数为两个int
int poi2(const int val, const int val2) {
	std::cout << "poi2: " << val << " " << val2 << std::endl;//输出两个val的值
	return 114514;
}
//定义一个无返回值函数，参数为一个bool
void boolTest(bool val) {
	std::cout << "bool: " << val << std::endl;
}

}

然后执行命令编译：emcc -sMODULARIZE=1 -sASSERTIONS -sEXPORTED_FUNCTIONS=_poi1,_poi2,_boolTest -o dist/test.mjs test.cpp

继续阅读[WebAssembly]初学笔记 从Javascript调用C++函数 →

以前也尝试过学WASM，但由于当时没有应用场景所以安装完环境就弃坑了，这次来好好学习一下用法。这篇笔记是边学边写的，如果有错误或者需要补充的地方请留言。

WASM通常需要使用其他高级语言编写后编译为wasm二进制文件交给运行时去运行，但如果你的头够铁，也可以尝试手写wasm指令，或者通过wasm的文本格式理解它的底层运行原理。

本笔记在Windows平台上使用C++编写源码编译为wasm，所以需要安装emscripten工具包。除了C++以外，Rust也是一个推荐选项，而其它语言目前还没有非常完备的支持。

安装Emscripten

这是用于把C/C++编译到wasm的工具包。

Emscripten的项目地址在：https://github.com/emscripten-core/emscripten

文档地址在：https://emscripten.org/index.html

安装方式官方手册在：https://emscripten.org/docs/getting_started/downloads.html，这里我简单介绍一下，但还以官方手册为准，我不会同步更新。

首先把emscripten仓库克隆到任意位置，然后进入该目录

git clone --depth 1 https://github.com/emscripten-core/emsdk.git

cd emsdk

然后依次执行以下命令进行安装

emsdk.bat install latest
emsdk.bat activate latest --permanent

上面的` –permanent`参数是为了让emsdk的命令在全局可用，否则你需要在每个命令环境中都执行一次activate。执行完了之后可以关闭当前的命令窗口，然后找个地方开始准备写我们的代码了。 继续阅读[WebAssembly]初学笔记 安装环境和尝试编译 →