在移动开发中，Swift和JavaScript的交互是一个常见的需求。Swift作为苹果官方开发iOS和macOS应用的编程语言，而JavaScript则常用于Web开发。在这篇文章中，我们将探讨如何在Swift中调用JavaScript方法，并重点讲解如何传递参数。

一、背景知识

在iOS开发中，Swift与JavaScript的交互通常是通过WebViews实现的。WebView是一种能够嵌入网页的视图，允许在原生应用中展示HTML内容。通过WebView，我们可以调用JavaScript代码。

二、使用WebView调用JavaScript

1. 初始化WebView

首先，我们需要在Swift代码中创建一个WebView对象，并将其添加到视图层次中。

import UIKit
import WebKit

class ViewController: UIViewController {
    var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        webView = WKWebView(frame: self.view.bounds)
        self.view.addSubview(webView)
    }
}

2. 加载HTML页面

接下来，我们将加载一个包含JavaScript代码的HTML页面。

let html = """
<html>
<head>
    <title>Swift调用JS</title>
</head>
<body>
    <button onclick="callSwiftFunction('Hello Swift')">调用Swift方法</button>
    <script type="text/javascript">
        function callSwiftFunction(param) {
            window.webkit.messageHandlers.swiftHandler.postMessage(param);
        }
    </script>
</body>
</html>
"""

webView.loadHTMLString(html, baseURL: nil)

3. 注册消息处理器

为了接收来自JavaScript的消息，我们需要在Swift代码中注册一个消息处理器。

class ViewController: UIViewController {
    var webView: WKWebView!
    var messageHandler: WKUserContentController!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        messageHandler = WKUserContentController()
        messageHandler.add(self, name: "swiftHandler")
        webView.configuration.userContentController = messageHandler
        
        webView = WKWebView(frame: self.view.bounds)
        self.view.addSubview(webView)
    }
}

4. 实现消息处理器

在消息处理器中，我们需要实现一个方法来处理JavaScript传递过来的消息。

extension ViewController: WKScriptMessageHandler {
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if message.name == "swiftHandler" {
            if let param = message.body as? String {
                print("JavaScript传递的参数：\(param)")
            }
        }
    }
}

三、带参数调用JavaScript方法

在上述示例中，我们通过按钮点击事件调用了一个JavaScript方法，并传递了一个参数。现在，我们将学习如何在Swift中调用JavaScript方法，并传递参数。

1. 调用JavaScript方法

在Swift代码中，我们可以使用evaluateJavaScript方法来调用JavaScript方法。

webView.evaluateJavaScript("callSwiftFunction('Hello Swift')", completionHandler: nil)

2. JavaScript方法实现

在HTML页面中，我们需要定义一个JavaScript方法，该方法将被Swift调用。

<script type="text/javascript">
    function callSwiftFunction(param) {
        window.webkit.messageHandlers.swiftHandler.postMessage(param);
    }
</script>

3. 处理JavaScript方法返回的数据

在Swift代码中，我们可以通过实现WKScriptMessageHandler协议的didReceive方法来处理JavaScript方法返回的数据。

extension ViewController: WKScriptMessageHandler {
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if message.name == "swiftHandler" {
            if let param = message.body as? String {
                print("JavaScript返回的数据：\(param)")
            }
        }
    }
}

四、总结

本文详细介绍了在Swift中调用JavaScript方法，并重点讲解了如何传递参数。通过使用WebView和消息处理器，我们可以轻松地在Swift和JavaScript之间进行交互。在实际开发中，这种方法可以帮助我们实现更丰富的功能，提升用户体验。