iOS开发中无法在后台线程运行JSContext问题求助

问题根因 #

• 苹果文档说明JSVirtualMachine支持跨线程调用，但*JSContext、JSValue本身不具备线程安全特性*，你当前代码中使用的engineJSContext大概率是在主线程初始化的，直接在后台队列异步调用会出现上下文访问异常，导致调用不生效。

可行解决方案 #

方案1：独立JS虚拟机用于后台JS运算（最稳妥） #

单独为耗时JS运算创建专属的JSVirtualMachine和JSContext，避免和主线程上下文冲突：

// 后台专用串行队列，避免多线程并发操作
let jsBackgroundQueue = DispatchQueue(label: "com.yourapp.jsBackgroundQueue", qos: .background)
jsBackgroundQueue.async {
    // 单独创建JS虚拟机和上下文，和主线程上下文完全隔离
    guard let jsVM = JSVirtualMachine(), let jsContext = JSContext(virtualMachine: jsVM) else {
        return
    }
    // 如需要依赖原有上下文的公共配置，提前同步到当前上下文即可
    guard let fn = jsContext.objectForKeyedSubscript("jsMethodName"), fn.isFunction else {
        return
    }
    let result = fn.call(withArguments: [params1, params2])
    // 结果更新UI必须切回主线程
    DispatchQueue.main.async {
        // 此处填写使用result的UI更新逻辑
    }
}

方案2：复用原有JSContext，加线程安全控制 #

如果必须复用主线程初始化的engineJSContext，需要保证同一时间只有一个线程访问该上下文，用串行队列做访问控制：

// 串行队列保证JSContext同一时间仅被一个线程访问
let jsSafeAccessQueue = DispatchQueue(label: "com.yourapp.jsSafeQueue")
jsSafeAccessQueue.async {
    guard let context = engineJSContext, let fn = context.objectForKeyedSubscript("jsMethodName"), fn.isFunction else {
        return
    }
    let result = fn.call(withArguments: [params1, params2])
    DispatchQueue.main.async {
        // 此处填写使用result的UI更新逻辑
    }
}

注意事项 #

• 所有JS相关的上下文读取、方法调用操作，必须保证在同一线程/串行队列中执行，禁止多线程并发访问同一个JSContext
• 所有UI更新操作必须切回主队列执行，否则会出现UI不更新或者崩溃问题

内容的提问来源于stack exchange，提问作者Gobi Manickam