ios 如何动态导入js

在iOS开发中，动态导入JavaScript文件可以通过多种方式实现，主要依赖于你所使用的框架和工具。以下是一些常见的方法：

基础概念

动态导入JavaScript文件意味着在应用程序运行时按需加载JavaScript代码，而不是在应用启动时一次性加载所有代码。这种方法可以提高应用的性能和启动速度，特别是在大型应用中。

类型与应用场景

使用JavaScriptCore框架：适用于需要在Objective-C或Swift中直接执行JavaScript代码的场景。
使用WKWebView：适用于需要在Web视图中加载和执行JavaScript的应用。
使用React Native或Flutter：这些跨平台框架提供了自己的机制来动态加载JavaScript模块。

示例代码

使用JavaScriptCore框架

import JavaScriptCore

// 创建一个JS上下文
let context = JSContext()

// 动态加载JS文件
if let jsPath = Bundle.main.path(forResource: "script", ofType: "js") {
    do {
        let jsSource = try String(contentsOfFile: jsPath)
        context.evaluateScript(jsSource)
    } catch {
        print("Failed to load JavaScript file: \(error)")
    }
}

// 调用JS函数
if let myFunction = context.objectForKeyedSubscript("myFunction") {
    let result = myFunction.call(withArguments: ["Hello", "World"])
    print("Result from JS: \(result.toString())")
}

使用WKWebView

import WebKit

let webView = WKWebView(frame: .zero)

// 加载本地JS文件
if let jsPath = Bundle.main.path(forResource: "script", ofType: "js") {
    let jsUrl = URL(fileURLWithPath: jsPath)
    let request = URLRequest(url: jsUrl)
    webView.load(request)
}

// 或者在页面加载完成后注入JS
webView.evaluateJavaScript("yourJavaScriptFunction()") { (result, error) in
    if let error = error {
        print("Error executing JavaScript: \(error)")
    } else {
        print("Result from JavaScript: \(String(describing: result))")
    }
}