js 怎么调用oc

JS 如何调用 OC

JS 调用 OC 可以通过桥接技术、消息传递机制、JavaScriptCore 框架。在这篇文章中，我们将详细阐述如何通过这些方法实现 JS 调用 OC，并提供具体的代码示例及注意事项。

一、桥接技术

桥接技术是 JS 调用 OC 最常用的方法之一。通过桥接技术，JavaScript 代码可以直接访问 Objective-C 方法，从而实现跨语言的调用。

1.1 使用 WKWebView

WKWebView 是苹果公司推荐的用于加载和显示网页内容的视图。它不仅性能更好，而且提供了更多的功能，比如与 JS 的交互。

示例代码

#import <WebKit/WebKit.h>
@interface ViewController () <WKScriptMessageHandler>
@property (strong, nonatomic) WKWebView *webView;
@end
@implementation ViewController
- (void)viewDidLoad {
    [super viewDidLoad];
    // 配置 WKWebView
    WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
    [config.userContentController addScriptMessageHandler:self name:@"nativeHandler"];
    self.webView = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:config];
    [self.view addSubview:self.webView];
    // 加载本地 HTML 文件
    NSString *path = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];
    NSURL *url = [NSURL fileURLWithPath:path];
    [self.webView loadFileURL:url allowingReadAccessToURL:url];
}
#pragma mark - WKScriptMessageHandler
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {
    if ([message.name isEqualToString:@"nativeHandler"]) {
        NSLog(@"Received message from JS: %@", message.body);
        // 在此处处理从 JS 接收到的消息
    }
}
@end

<!DOCTYPE html>
<html>
<head>
    <title>JS 调用 OC 示例</title>
</head>
<body>
    <button onclick="callNative()">调用 OC 方法</button>
    <script type="text/javascript">
        function callNative() {
            window.webkit.messageHandlers.nativeHandler.postMessage("Hello from JS!");
        }
    </script>
</body>
</html>

1.2 使用 UIWebView

虽然苹果公司建议使用 WKWebView，但 UIWebView 仍然在一些旧项目中使用。通过 UIWebView，JS 可以通过 stringByEvaluatingJavaScriptFromString 方法调用 OC 方法。

示例代码

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    NSString *jsCode = @"document.getElementById('button').onclick = function() { window.location.href = 'native://callMethod'; };";
    [webView stringByEvaluatingJavaScriptFromString:jsCode];
}
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
    if ([request.URL.scheme isEqualToString:@"native"]) {
        if ([request.URL.host isEqualToString:@"callMethod"]) {
            NSLog(@"JS 调用了 OC 方法");
            // 在此处处理 JS 调用
        }
        return NO;
    }
    return YES;
}

二、消息传递机制

消息传递机制是一种通过发送和接收消息来进行通信的方法。在 JS 和 OC 之间，可以使用消息传递机制来实现跨语言调用。

2.1 使用 URL Scheme

通过自定义 URL Scheme，JS 可以发送消息给 OC，从而实现调用。

示例代码

- (BOOL)application:(UIApplication *)application handleOpenURL:(NSURL *)url {
    if ([url.scheme isEqualToString:@"myapp"]) {
        if ([url.host isEqualToString:@"callMethod"]) {
            NSLog(@"JS 调用了 OC 方法");
            // 在此处处理 JS 调用
        }
        return YES;
    }
    return NO;
}

<!DOCTYPE html>
<html>
<head>
    <title>JS 调用 OC 示例</title>
</head>
<body>
    <button onclick="callNative()">调用 OC 方法</button>
    <script type="text/javascript">
        function callNative() {
            window.location.href = 'myapp://callMethod';
        }
    </script>
</body>
</html>

三、JavaScriptCore 框架

JavaScriptCore 是一个强大的框架，它允许在 Objective-C 和 JavaScript 之间进行无缝的交互。通过 JavaScriptCore，OC 可以直接调用 JS 代码，反之亦然。

3.1 使用 JavaScriptCore

JavaScriptCore 提供了一个 JSContext 对象，它代表了一个 JavaScript 执行环境。通过 JSContext，OC 可以执行 JS 代码，并获取结果。

示例代码

#import <JavaScriptCore/JavaScriptCore.h>
@interface ViewController ()
@property (strong, nonatomic) JSContext *jsContext;
@end
@implementation ViewController
- (void)viewDidLoad {
    [super viewDidLoad];
    // 创建 JSContext
    self.jsContext = [[JSContext alloc] init];
    // 定义一个 OC 方法，并将其暴露给 JS
    self.jsContext[@"callNative"] = ^() {
        NSLog(@"JS 调用了 OC 方法");
        // 在此处处理 JS 调用
    };
    // 执行 JS 代码
    [self.jsContext evaluateScript:@"callNative();"];
}
@end

四、注意事项

在实现 JS 调用 OC 的过程中，有一些注意事项需要牢记：

4.1 安全性

确保所有的通信都是安全的，防止跨站脚本攻击（XSS）。

4.2 性能

尽量减少频繁的跨语言调用，以避免性能问题。

4.3 错误处理

确保在跨语言调用时，处理所有可能的错误和异常。

五、总结

通过桥接技术、消息传递机制和 JavaScriptCore 框架，JS 可以方便地调用 OC 方法。这些技术各有优劣，可以根据具体需求选择最适合的方法。在实际应用中，建议使用 WKWebView 进行 JS 和 OC 的交互，并结合 JavaScriptCore 框架实现更强大的功能。

此外，如果你的项目涉及到团队协作和管理，可以考虑使用 研发项目管理系统 PingCode 和 通用项目协作软件 Worktile，它们能够有效地提升团队的工作效率和项目管理水平。

js 怎么调用oc

JS 如何调用 OC

一、桥接技术

1.1 使用 WKWebView

示例代码

1.2 使用 UIWebView

示例代码

二、消息传递机制

2.1 使用 URL Scheme

示例代码

三、JavaScriptCore 框架

3.1 使用 JavaScriptCore

示例代码

四、注意事项

4.1 安全性

4.2 性能

4.3 错误处理

五、总结

相关问答FAQs：