js怎么调用oc

JS调用OC的方法有多种：使用桥接模式、通过消息传递机制、利用URL Scheme、使用WebView与JavascriptCore进行交互。最常见和高效的方法是通过桥接模式和消息传递机制来实现。桥接模式是通过在Objective-C中创建一个桥接类来调用JavaScript，而消息传递机制则是通过发送消息来实现。这两种方法各有优缺点，具体选择取决于开发需求和项目架构。

一、桥接模式

桥接模式（Bridge Pattern）是一种结构型设计模式，可以让两个不兼容的接口之间进行通信。在iOS开发中，我们可以通过创建一个Objective-C类来作为桥梁，使得JavaScript可以调用Objective-C方法。

1. 创建桥接类

首先，我们需要创建一个Objective-C类，定义需要被JavaScript调用的方法。这个类通常继承自NSObject。

#import <Foundation/Foundation.h>
#import <WebKit/WebKit.h>
@interface JSBridge : NSObject
- (void)jsMethod:(NSString *)param;
@end
@implementation JSBridge
- (void)jsMethod:(NSString *)param {
    NSLog(@"JavaScript called with parameter: %@", param);
}
@end

2. 在WebView中注册桥接类

接下来，我们需要在WebView中注册这个桥接类，使得JavaScript可以通过WebView调用这个类的方法。

WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];
JSBridge *bridge = [[JSBridge alloc] init];
WKUserContentController *userContentController = [[WKUserContentController alloc] init];
[configuration setUserContentController:userContentController];
[userContentController addScriptMessageHandler:bridge name:@"bridge"];
WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:configuration];
[self.view addSubview:webView];

3. 在JavaScript中调用桥接方法

最后，我们可以在JavaScript中通过发送消息来调用Objective-C方法。

window.webkit.messageHandlers.bridge.postMessage('Hello from JavaScript');

二、消息传递机制

消息传递机制（Message Passing Mechanism）是一种通过发送和接收消息来实现不同组件之间通信的方法。在iOS开发中，我们可以通过WebView的JavaScript消息处理功能来实现JavaScript调用Objective-C的方法。

1. 设置消息处理函数

首先，我们需要在Objective-C中设置一个消息处理函数，用于接收和处理JavaScript发送的消息。

@implementation ViewController
- (void)viewDidLoad {
    [super viewDidLoad];
    WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];
    WKUserContentController *userContentController = [[WKUserContentController alloc] init];
    [userContentController addScriptMessageHandler:self name:@"jsHandler"];
    [configuration setUserContentController:userContentController];
    WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:configuration];
    [self.view addSubview:webView];
}
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {
    if ([message.name isEqualToString:@"jsHandler"]) {
        NSLog(@"Received message from JavaScript: %@", message.body);
    }
}
@end

2. 在JavaScript中发送消息

接下来，我们可以在JavaScript中通过发送消息来调用Objective-C方法。

window.webkit.messageHandlers.jsHandler.postMessage('Hello from JavaScript');

三、使用URL Scheme

URL Scheme是一种通过特定URL格式来调用应用程序内部功能的方法。在iOS开发中，我们可以通过URL Scheme来实现JavaScript调用Objective-C的方法。

1. 设置URL Scheme

首先，我们需要在Objective-C中设置一个URL Scheme，并在JavaScript中使用这个URL Scheme来调用Objective-C方法。

@implementation ViewController
- (void)viewDidLoad {
    [super viewDidLoad];
    WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds];
    webView.navigationDelegate = self;
    [self.view addSubview:webView];
}
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler {
    NSURL *url = navigationAction.request.URL;
    if ([url.scheme isEqualToString:@"myapp"]) {
        NSLog(@"Received URL Scheme call: %@", url);
        decisionHandler(WKNavigationActionPolicyCancel);
    } else {
        decisionHandler(WKNavigationActionPolicyAllow);
    }
}
@end

2. 在JavaScript中使用URL Scheme

接下来，我们可以在JavaScript中通过使用URL Scheme来调用Objective-C方法。

window.location.href = 'myapp://HelloFromJavaScript';

四、使用WebView与JavascriptCore进行交互

JavascriptCore是一个强大的框架，可以让我们在iOS中执行JavaScript代码，并与JavaScript进行交互。在iOS开发中，我们可以通过WebView与JavascriptCore来实现JavaScript调用Objective-C的方法。

1. 设置JavascriptCore上下文

首先，我们需要在Objective-C中设置一个JavascriptCore上下文，并在这个上下文中定义需要被JavaScript调用的方法。

#import <JavaScriptCore/JavaScriptCore.h>
@interface ViewController ()
@property (nonatomic, strong) JSContext *jsContext;
@end
@implementation ViewController
- (void)viewDidLoad {
    [super viewDidLoad];
    WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds];
    webView.navigationDelegate = self;
    [self.view addSubview:webView];
    self.jsContext = [[JSContext alloc] init];
    self.jsContext[@"jsMethod"] = ^(NSString *param) {
        NSLog(@"JavaScript called with parameter: %@", param);
    };
}
@end

2. 在JavaScript中调用方法

接下来，我们可以在JavaScript中通过调用定义在JavascriptCore上下文中的方法来实现Objective-C方法的调用。

jsMethod('Hello from JavaScript');

五、总结

通过上述方法，我们可以在iOS开发中实现JavaScript调用Objective-C的方法。每种方法都有其优缺点，具体选择取决于开发需求和项目架构。桥接模式适用于需要高度自定义和复杂交互的场景，而消息传递机制则适用于简单的消息传递。URL Scheme适用于需要跨应用调用的场景，而JavascriptCore则适用于需要高度自定义和复杂交互的场景。

在实际开发中，我们可以根据项目需求选择合适的方法来实现JavaScript调用Objective-C的方法。同时，我们还可以结合使用多种方法，以实现更加灵活和高效的交互。推荐使用研发项目管理系统PingCode和通用项目协作软件Worktile来管理项目和团队，以提高开发效率和协作效果。