Matt用户4648
一次完整的 Hippy 加载
输入“/”快速插入内容
一次完整的 Hippy 加载
一次完整的 Hippy 加载
用户4648用户46482025年12月28日修改
•
JS 引擎本身是 C++ 实现，引擎运行时，只有一个 C++ 栈。
•
然后 C++ 自己实现个虚拟调用栈，用来解释执行 JS。
•
所以理论上，JS 可以直接调用 C++ 栈，实现通信
不过需要提前设计 API，注入 HostFunction，即 Javascript Interface JSI
代码块
初始：JS 引擎（C++实现）正在解释执行 JS 代码
┌───────────────────────────────┐
│ C++: main() │ ← App 启动
│ C++: runEventLoop() │
│ C++: JSRuntime::run() │
│ C++: Interpreter::step()│ ← 执行一行 JS
│ JS: foo() │ ← JS 栈帧（存在于引擎内部）
│ JS: bar() │
└───────────────────────────────┘
触发 JSI 调用（JS 调了绑定的 C++ 方法，比如 nativeAdd）
┌───────────────────────────────┐
│ C++: main() │
│ C++: runEventLoop() │
│ C++: JSRuntime::run() │
│ C++: Interpreter::step()│
│ JS: foo() │
│ JS: bar() │
│ C++: HostFunction │ ← JSI 把控制权交给你注册的 C++ 回调
│ C++: nativeAdd()│ ← 你自己的 C++ 逻辑
│ C++: helper() │
│ (返回) │
│ (返回到 JS) │
└───────────────────────────────┘
继续执行后续 JS
┌───────────────────────────────┐
│ C++: main() │
│ C++: runEventLoop() │
│ C++: JSRuntime::run() │
│ C++: Interpreter::step()│
│ JS: foo() │
│ JS: baz() │
└───────────────────────────────┘
JS 侧注册的 __loadInstance__
代码块
global.__loadInstance__ = ((obj) => {
const { name, id, params = {} } = obj || {};
if (__GLOBAL__.appRegister[name]) {
Object.assign(params, {
__instanceName__: name,
__instanceId__: id,
});
Object.assign(__GLOBAL__.appRegister[name], {
id,
superProps: params,
});
const EventModule = __GLOBAL__.jsModuleList.EventDispatcher;
if (EventModule && typeof EventModule.receiveNativeEvent === 'function') {
EventModule.receiveNativeEvent(['@hp:loadInstance', params]);
}
__GLOBAL__.appRegister[name].run(params);
} else {
throw new Error(`load instance error: [${name}] is not registered in js`);
}
});