ios app 里如何写js

在iOS App中写JavaScript的核心方法包括：使用WKWebView加载HTML和JavaScript、通过JavaScriptCore框架直接执行JavaScript代码、使用第三方库如WebViewJavascriptBridge进行交互。其中，使用WKWebView加载HTML和JavaScript最为常见。

一、使用WKWebView加载HTML和JavaScript

1.1、引入WebKit框架

首先，在你的iOS项目中引入WebKit框架。你可以在项目的Build Phases中的Link Binary With Libraries选项中添加WebKit.framework，或者直接在Swift文件中导入：

import WebKit

1.2、创建并配置WKWebView

接下来，创建并配置一个WKWebView实例：

let webView = WKWebView(frame: self.view.frame)
self.view.addSubview(webView)

你可以通过loadHTMLString方法加载HTML内容及其包含的JavaScript：

let htmlString = """
<!DOCTYPE html>
<html>
<head>
    <title>Test Page</title>
    <script type="text/javascript">
        function showAlert() {
            alert("Hello, World!");
        }
    </script>
</head>
<body>
    <button type="button" onclick="showAlert()">Click Me!</button>
</body>
</html>
"""
webView.loadHTMLString(htmlString, baseURL: nil)

二、通过JavaScriptCore框架直接执行JavaScript代码

2.1、引入JavaScriptCore框架

在你的Swift文件中导入JavaScriptCore：

import JavaScriptCore

2.2、创建JSContext并执行JavaScript代码

你可以创建一个JSContext实例，并在其中执行JavaScript代码：

let context = JSContext()
let script = """
function sum(a, b) {
    return a + b;
}
"""
context?.evaluateScript(script)
if let sumFunction = context?.objectForKeyedSubscript("sum") {
    let result = sumFunction.call(withArguments: [1, 2])
    print("Sum: (result?.toInt32() ?? 0)")
}

三、使用第三方库进行交互

3.1、引入WebViewJavascriptBridge库

你可以使用CocoaPods来引入WebViewJavascriptBridge库：

pod 'WebViewJavascriptBridge'

3.2、配置WebViewJavascriptBridge

在你的ViewController中配置WebViewJavascriptBridge：

import WebViewJavascriptBridge
var bridge: WebViewJavascriptBridge?
override func viewDidLoad() {
    super.viewDidLoad()
    let webView = WKWebView(frame: self.view.frame)
    self.view.addSubview(webView)
    bridge = WebViewJavascriptBridge(for: webView)
    bridge?.registerHandler("testJavascriptHandler") { (data, responseCallback) in
        print("Received data from JS: (String(describing: data))")
        responseCallback?("Response from Swift")
    }
    let htmlPath = Bundle.main.path(forResource: "index", ofType: "html")
    let htmlURL = URL(fileURLWithPath: htmlPath!)
    webView.load(URLRequest(url: htmlURL))
}

四、通过WKUserScript注入JavaScript

4.1、创建并配置WKUserScript

你可以通过WKUserScript在页面加载时注入JavaScript代码：

let scriptSource = """
document.body.style.backgroundColor = 'lightgray';
"""
let userScript = WKUserScript(source: scriptSource, injectionTime: .atDocumentEnd, forMainFrameOnly: true)
let userContentController = WKUserContentController()
userContentController.addUserScript(userScript)
let webViewConfig = WKWebViewConfiguration()
webViewConfig.userContentController = userContentController
let webView = WKWebView(frame: self.view.frame, configuration: webViewConfig)
self.view.addSubview(webView)
let htmlString = "<html><body><h1>Hello, World!</h1></body></html>"
webView.loadHTMLString(htmlString, baseURL: nil)

五、通过消息处理机制实现Swift与JavaScript的交互

5.1、配置WKScriptMessageHandler

你可以使用WKScriptMessageHandler来实现Swift与JavaScript的交互：

class ViewController: UIViewController, WKScriptMessageHandler {
    var webView: WKWebView!
    override func viewDidLoad() {
        super.viewDidLoad()
        let userContentController = WKUserContentController()
        userContentController.add(self, name: "callbackHandler")
        let webViewConfig = WKWebViewConfiguration()
        webViewConfig.userContentController = userContentController
        webView = WKWebView(frame: self.view.frame, configuration: webViewConfig)
        self.view.addSubview(webView)
        let htmlString = """
        <!DOCTYPE html>
        <html>
        <head>
            <title>Test Page</title>
            <script type="text/javascript">
                function callSwift() {
                    window.webkit.messageHandlers.callbackHandler.postMessage("Hello, Swift!");
                }
            </script>
        </head>
        <body>
            <button type="button" onclick="callSwift()">Call Swift</button>
        </body>
        </html>
        """
        webView.loadHTMLString(htmlString, baseURL: nil)
    }
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if message.name == "callbackHandler" {
            print("JavaScript is sending a message (message.body)")
        }
    }
}

六、在项目团队管理中的应用

在使用JavaScript与iOS应用交互的过程中，管理和协调团队成员的任务和进度是至关重要的。对于研发项目管理，推荐使用研发项目管理系统PingCode，它提供了强大的任务分配和进度跟踪功能，能够有效提高团队的协作效率。此外，通用项目协作软件Worktile也是一个不错的选择，它支持多种项目管理方法和工具，能够帮助团队更好地协调和管理项目。

七、总结

在iOS应用中引入JavaScript可以通过多种方式实现，包括使用WKWebView加载HTML和JavaScript、通过JavaScriptCore框架直接执行JavaScript代码、使用第三方库进行交互、通过WKUserScript注入JavaScript以及通过消息处理机制实现Swift与JavaScript的交互。每种方法都有其适用的场景和优势，开发者可以根据具体需求选择最合适的实现方式。