C++编译为WebAssembly需通过Emscripten工具链：1.用emsdk安装配置环境；2.编写含extern “C”导出函数的C++代码；3.用emcc加EXPORTED_FUNCTIONS等选项编译；4.通过js胶水代码或WebAssembly API加载调用。
用 C++ 编译成 WebAssembly，核心是借助 Emscripten 工具链 —— 它不是直接输出 .wasm 文件的“编译器”，而是一套完整的、基于 LLVM 的 Web 编译平台，能把 C/C++ 代码交叉编译为可在浏览器或 node.js 中运行的 wasm + JS 胶水代码。
1. 安装并配置 Emscripten
推荐使用官方提供的 emsdk 管理工具，避免环境混乱：
- 下载 emsdk：
git clone https://github.com/emscripten-core/emsdk.git - 进入目录并安装最新稳定版：
./emsdk install latest→./emsdk activate latest - 激活环境：
source ./emsdk_env.sh（linux/macOS）或emsdk_env.bat（windows） - 验证：
emcc --version应显示 Emscripten 版本（如 3.1.49），同时llvm和node也需在 PATH 中
2. 编写一个可编译的 C++ 示例
注意：WebAssembly 本身不直接处理 dom 或 I/O，需通过 JS 调用或 Emscripten 提供的封装。简单示例（hello.cpp）：
#include extern "C" int add(int a, int b) { return a + b; } int main() { printf("Hello from WebAssembly!n"); return 0; }
关键点：
立即学习“C++免费学习笔记（深入）”；
- 导出函数用
extern "C"防止 C++ 名字修饰（便于 JS 调用） - 避免依赖未支持的系统库（如
-
main()会被自动调用（除非加-s NO_Filesystem=1等精简选项）
3. 使用 emcc 编译为 WebAssembly
基础命令（生成 .html + .js + .wasm）：
emcc hello.cpp -o hello.html
常用关键选项：
-
-O2或-Oz：启用优化（-Oz更小体积） -
--no-entry：不自动生成 main 入口（适合只导出函数的库） -
-s EXPORTED_FUNCTIONS='["_add"]'：显式导出 C 函数（注意下划线前缀） -
-s EXPORTED_RUNTIME_METHODS='["ccall","cwrap"]'：启用 JS 端调用能力 -
-s STANDALONE_WASM=1：只生成纯 .wasm（无 JS 胶水），需自行加载执行
例如只生成 wasm + 显式导出 add：
emcc hello.cpp -O2 -s EXPORTED_FUNCTIONS='["_add"]' -s EXPORTED_RUNTIME_METHODS='["ccall"]' -s STANDALONE_WASM=1 -o hello.wasm
4. 在网页中加载和调用
若用 -o hello.html，直接打开即可运行；若用 STANDALONE_WASM=1，需手动加载：
更推荐用 Emscripten 生成的 JS 胶水（如 hello.js），它已封装好模块初始化、内存管理、函数映射等：
基本上就这些。Emscripten 把底层细节封装得比较友好，真正难的是适配 C++ 代码本身 —— 比如替换系统调用、处理指针内存、避免阻塞主线程。起步建议从无依赖的小函数开始，再逐步集成。