将 Babel 插件添加到 babel.config.js,然后相对引用一个文件:

const worker = new Worker('./workers/heavy-task');

每个条目都汇编成自己的捆绑——从Metro开发中获取, 以 Hermes 字节码 资产装入发布 。 见 捆绑指南 财务报告和审定财务报表 design-docs/release-bundling.md。 。 。 .

C++(Cxx)模块和被窝工人默认工作. 平台(Java/ObjC) 模块是每个工人选择的,因为每个工人建造涡轮模块 管理器成本内存 :

const worker = new Worker('./workers/task', { nativeModules: true });

• iOS系统 ——每个工人 RCTTurboModuleManager 解决已注册的 ObjC 模块。 应用程序不变 .

• 机器人 注册您的软件包一次,因为没有全球注册:

  reactHost.addReactInstanceEventListener(object : ReactInstanceEventListener {
    override fun onReactContextInitialized(context: ReactContext) {
      if (context is ReactApplicationContext) {
        WorkerTurboModules.initialize(context, PackageList(this@MainApplication).packages)
      }
    }
  })
  

RN的核心模块(SourceCode, (中文(简体) ), PlatformConstants, (中文(简体) ), DeviceInfo添加(...) 自动。 UI-Affine模块(UIManager and friends)被排除在外. 细节。 。 。 .

// inside a worker
const emitter = new NativeEventEmitter(someNativeModule);
const sub = emitter.addListener('SomeEvent', (payload) => {
  // fires on the worker thread
});

联合国 劳动者的 模块—— C++、 Java 或 ObjC —— 交付 直接去找那个工人 永远不要碰应用的运行时间 联合国提出事件 东道主 (应用程序是自己的) DeviceEventEmitter,或主机拥有的模块) 向登记了听众的工人转交. 细节。 。 。 .

SharedStore 是一个C++支持的商店,由宿主和每个工人共享,拥有 同步读取/写入和更改监视器 :

const store = new SharedStore('session');
store.set('user', { id: 1, name: 'Ada' });
const off = store.subscribe('user', (key, value) => { /* any runtime wrote */ });

与 postMessage,存储值是一个可地址的树——读取并更新 组件 在那棵树上,你应当观察一棵树

store.setIn('doc', ['user', 'age'], 31);           // encodes only the new leaf
store.subscribeIn('doc', ['user'], (path, value) => { /* ['age'], 31 */ });

对于热道,有两个更瘦的原始人:

// A single synchronous cell — lock-free for numbers (~17M writes/sec).
const progress = new SharedValue('anim:progress', 0);
progress.value = 0.42;

// Raw shared memory — same bytes in every runtime, zero host calls per element.
const buf = new SharedBuffer('sim', 50_000 * Float64Array.BYTES_PER_ELEMENT);
const view = new Float64Array(buf.arrayBuffer);

SharedValue 是~2×比 SharedStore 单一价值; SharedBuffer 对大块数字工作来说,是~4x更快的。 整个梯子,有基准,在 design-docs/shared-data-primitives.md。 。 。 .

划过工人边界,好像是本地人 async 函数—— a 双向JS-JS RPC:

// worker (JSModule is a global in every worker)
new JSModule('calc', {
  add(a, b) { return a + b; },
  async fetchUser(id) { return await load(id); },
});

// host — fully typed
const calc = worker.module<Calc>('calc');
await worker.ready('calc');
const sum = await calc.add(2, 3); // 5

工人可以召回主机 模块发出事件 和大型抛物 最好通过 SharedStore 而不是每个调用克隆.

defineModule 把桥和反应状态叠成一个合同 执行下列部分:

export const calc = defineModule<{
  worker: { add(a: number, b: number): number };
  host:   { getConfig(): Config };
  events: { progress: { percent: number } };
  state:  { status: 'idle' | 'busy' };
}>('calc');

设计和电线协议 : design-docs/jsmodule-bridge.md, (中文(简体) ), design-docs/jsmodule-defineModule.md。 。 。 .

一个在月台主线上工作的非光谱工人 可以打电话 UI-Affine本土方法无线跳. 与 API 相同 Worker; 支持在 两个平台。 节制使用——这里的工作与渲染竞争.

const w = new UIWorker({ inline: `self.onmessage = (e) => { /* UI-thread JS */ };` });

工人可以在任何线程上通过 C++ 创建和驱动 cpp/api/NativeWorkers.h (JSON信息桥) - 对本地事件引发的联署材料背景有用.