将JS函数传递给Emscripten生成的代码
Passing JS function to Emscripten-generated code
我有一段C++代码通过Emscripten转换为JavaScript。我希望转换后的C++代码回调到调用它的JavaScript代码
JavaScript:
function callback(message) {
alert(message);
}
ccall("my_c_function", ..., callback);
C++:
void my_c_function(whatever_type_t *callback) {
callback("Hello World!");
}
这有可能吗?
我认为公认的答案有点过时了。
请参阅"与代码交互"emscripten教程中的要点。
例如。C:
void invoke_function_pointer(void(*f)(void)) {
(*f)();
}
JS:
var pointer = Runtime.addFunction(function() {
console.log('I was called from C world!');
});
Module.ccall('invoke_function_pointer', 'number', ['number'], [pointer]);
Runtime.removeFunction(pointer);
通过这种方式,C代码不需要意识到它被转换到JS,并且所需的任何桥接都可以完全由JS控制。
(代码被侵入消息编辑器;可能包含错误)
有一种新的方法可以通过embind来实现您的需求。
考虑下面的一段C++代码。
#include <emscripten/bind.h>
using namespace emscripten;
void cbTest(emscripten::val cb)
{
cb();
}
EMSCRIPTEN_BINDINGS(my_module) {
function("cbTest", &cbTest);
}
cbTest C++函数接受一个emscripten::val。这可以是任何类型的对象。对我们来说,这是一个函数对象。这就是JS 的调用方式
var cbFunc = function() {
console.log("Hi, this is a cb");
}
Module.cbTest(cbFunc);
p.S这个api仍在建设中。
Emscripten中经常做的一件事是将强类型映射到简单类型。
JS:
function callback(message) {
alert(message);
}
var func_map = {
0: callback
};
// C/C++ functions get a _ prefix added
function _invoke_callback(callback_id, text_ptr) {
func_map[callback_id](Pointer_stringify(text_ptr));
}
ccall("my_c_function", ..., 0);
C++:
// In C/C++ you only need to declare the func signature and
// make sure C is used to prevent name mangling
extern "C" void invoke_callback(int callback_id, const char* text);
void my_c_function(int callback_id) {
invoke_callback( callback_id, "Hello World!" );
}
当然,您可以添加一些粘合代码,因此这将变得非常无缝。
我需要写一些与问题中描述的内容非常相似的内容。我的代码最终看起来是这样的:
C:
void call(void (*back)(char*)){
back("Hello!");
}
JS:
function back(text){
alert(Pointer_stringify(text));
}
var pointer = Runtime.addFunction(back);
var call = Module.cwrap('call', 'void', ['pointer']);
call(pointer);
Runtime.removeFunction(pointer);
请注意,返回回调的指针必须用pointer_stringify取消引用。
你可以在GitHub上找到这样的示例代码。
以下是我从几篇文章中收集到的内容,并通过查看Emscripten捆绑代码:
在C++中:
#include <iostream>
#include <functional>
extern "C" {
void registerCallback(void(*back)(const char*));
void triggerCallback(char* message); // for invoking it from JS, just for this example
}
// global
std::function<void(const char*)> gCallback;
void registerCallback(void(*back)(const char*)){
gCallback = back;
}
void triggerCallback(char* message){
if (gCallback) {
gCallback(message);
} else {
std::cerr << "Cannot pass '"<< message <<"' to undefined callback'n";
}
}
其他帖子中缺少的一件重要的事情是用RESERVED_FUNCTION_POINTERS=编译C++标志,例如:
em++ -std=c++11 -s RESERVED_FUNCTION_POINTERS=20 source.cpp -s EXPORTED_FUNCTIONS="['_registerCallback','_triggerCallback']" -o try.html
将try.html加载到浏览器中后,您可以在其控制台中执行以下JS代码:
// Register a callback function
function callback(text){ alert("In JS: "+Pointer_stringify(text)); }
var cb = Runtime.addFunction(callback);
_registerCallback(cb);
// Invoke it with some "C string"
var jsStr = "XOXOXO";
var cStr = allocate(intArrayFromString(jsStr), 'i8', ALLOC_NORMAL)
_triggerCallback(cStr);
// Free Emscripten heap and release the function pointer
_free(cStr);
Runtime.removeFunction(cb);
您应该看到一个带有"InJS:XOXOXO"的警告。
相关文章:
- 从桌面读取python文件时高亮显示代码
- 如何将函数包装在函数中以避免代码重复
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- 货币代码为欧元-金额的格式不应包含小数
- Regex代码只允许一个空格
- 如何将屏幕分辨率乘以 80%,然后在代码中使用
- 从var向代码隐藏函数传递值
- 如何动态插入jquery代码
- 如何在php变量中嵌入JQuery代码
- 代码不会验证
- 如何从rails中的代码中删除新行( )
- Angularjs代码未在匿名函数中运行
- 如何做到这一点,使代码在不传递条件后执行函数
- 如何在读取XLS/XLSX本地文件时,使用IE的javascript代码启用未标记为安全的ActiveX控件
- 面向对象的Javascript代码在IE7中不起作用
- 将 jQuery 代码添加到 Index.aspx 页面
- 为什么忽略了eval()代码中的语法错误
- 将JS函数传递给Emscripten生成的代码
- 如何处理向emscripten编译代码传递/返回数组指针
- 通过Emscripten生成的代码不返回值