js与oc怎么交互

JS与OC交互的方式有多种：通过JavaScriptCore框架、使用WKWebView、通过URL Scheme。 使用JavaScriptCore框架可以直接在Objective-C中操作JavaScript对象，它使JavaScript与原生代码的交互更加紧密。 WKWebView则是现代iOS应用中常用的Web视图组件，它提供了更强大的功能和更高的性能。通过URL Scheme是传统的方式，适合简单的交互场景。

一、JavaScriptCore框架

JavaScriptCore框架是iOS 7之后引入的一个框架，它提供了Objective-C和JavaScript之间直接交互的能力。通过这个框架，可以在Objective-C中直接运行JavaScript代码，并获取结果，甚至可以将Objective-C对象暴露给JavaScript使用。

1、基本概念

JavaScriptCore框架主要包括以下几个核心类：

JSContext：代表JavaScript执行的上下文环境。
JSValue：表示JavaScript中的值，可以是对象、函数、数组等。
JSManagedValue：用于管理JSValue的生命周期，以避免内存泄露。

2、JSContext的使用

在Objective-C中，可以创建一个JSContext对象，并向其中注入JavaScript代码。

#import <JavaScriptCore/JavaScriptCore.h>
// 创建JSContext对象
JSContext *context = [[JSContext alloc] init];
// 注入JavaScript代码
[context evaluateScript:@"var num = 5 + 5;"];
JSValue *result = context[@"num"];
NSLog(@"Result: %d", [result toInt32]);

3、JSValue的使用

JSValue是JavaScriptCore中非常重要的一个类，它表示JavaScript中的值。可以通过JSValue将JavaScript中的值传递给Objective-C。

// 定义一个JavaScript函数
[context evaluateScript:@"function add(a, b) { return a + b; }"];
// 获取JavaScript函数
JSValue *addFunction = context[@"add"];
// 调用JavaScript函数
JSValue *result = [addFunction callWithArguments:@[@2, @3]];
NSLog(@"Result: %d", [result toInt32]);

4、Objective-C与JavaScript的相互调用

可以将Objective-C的方法暴露给JavaScript，使JavaScript可以调用Objective-C的方法。

// 定义一个Objective-C方法
context[@"log"] = ^(NSString *message) {
    NSLog(@"JavaScript log: %@", message);
};
// 在JavaScript中调用Objective-C方法
[context evaluateScript:@"log('Hello from JavaScript!');"];

二、使用WKWebView

WKWebView是iOS 8之后引入的一个Web视图组件，它提供了更强大的功能和更高的性能。通过WKWebView，可以实现JavaScript和Objective-C的双向交互。

1、基本使用

在使用WKWebView时，需要导入WebKit框架，并创建一个WKWebView对象。

#import <WebKit/WebKit.h>
// 创建WKWebView对象
WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds];
[self.view addSubview:webView];
// 加载HTML页面
NSURL *url = [NSURL URLWithString:@"https://www.example.com"];
NSURLRequest *request = [NSURLRequest requestWithURL:url];
[webView loadRequest:request];

2、JavaScript调用Objective-C

通过WKWebView，可以将Objective-C对象暴露给JavaScript，使JavaScript可以调用Objective-C的方法。

// 创建WKWebViewConfiguration对象
WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];
// 创建WKUserContentController对象
WKUserContentController *userContentController = [[WKUserContentController alloc] init];
configuration.userContentController = userContentController;
// 注册JavaScript调用的方法
[userContentController addScriptMessageHandler:self name:@"logMessage"];
// 创建WKWebView对象
WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:configuration];
[self.view addSubview:webView];
// 实现WKScriptMessageHandler协议的方法
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {
    if ([message.name isEqualToString:@"logMessage"]) {
        NSLog(@"JavaScript log: %@", message.body);
    }
}

在JavaScript中，可以使用window.webkit.messageHandlers.logMessage.postMessage来调用Objective-C的方法。

// 调用Objective-C方法
window.webkit.messageHandlers.logMessage.postMessage("Hello from JavaScript!");

3、Objective-C调用JavaScript

通过WKWebView，可以在Objective-C中调用JavaScript代码。

// 调用JavaScript代码
[webView evaluateJavaScript:@"document.title" completionHandler:^(id result, NSError *error) {
    if (!error) {
        NSLog(@"Page title: %@", result);
    }
}];

三、通过URL Scheme

通过URL Scheme是一种传统的JavaScript与Objective-C交互方式，适用于简单的交互场景。

1、JavaScript调用Objective-C

在JavaScript中，可以通过window.location.href来触发URL Scheme，并在Objective-C中拦截该URL。

// 触发URL Scheme
window.location.href = "jsToOc://logMessage?message=Hello from JavaScript!";

在Objective-C中，通过实现UIWebViewDelegate或WKNavigationDelegate来拦截URL。

// 实现UIWebViewDelegate的方法
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
    NSURL *url = request.URL;
    if ([url.scheme isEqualToString:@"jsToOc"]) {
        // 解析URL参数
        NSString *message = [self parseMessageFromURL:url];
        NSLog(@"JavaScript log: %@", message);
        return NO;
    }
    return YES;
}
// 实现WKNavigationDelegate的方法
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler {
    NSURL *url = navigationAction.request.URL;
    if ([url.scheme isEqualToString:@"jsToOc"]) {
        // 解析URL参数
        NSString *message = [self parseMessageFromURL:url];
        NSLog(@"JavaScript log: %@", message);
        decisionHandler(WKNavigationActionPolicyCancel);
    } else {
        decisionHandler(WKNavigationActionPolicyAllow);
    }
}

2、Objective-C调用JavaScript

通过URL Scheme，Objective-C调用JavaScript比较简单，直接向Web视图发送JavaScript代码即可。

// 调用JavaScript代码
[webView stringByEvaluatingJavaScriptFromString:@"document.title"];

四、实际应用中的注意事项

在实际应用中，JavaScript与Objective-C的交互需要注意以下几点：

1、安全性

确保传输的数据是安全的，避免受到跨站脚本攻击（XSS）。

2、性能

尽量减少JavaScript与Objective-C之间的频繁交互，以避免性能问题。

3、兼容性

确保在不同的iOS版本和设备上都能正常工作。

五、推荐的项目管理工具

在进行iOS开发时，项目管理工具可以帮助团队更高效地协作和管理项目。推荐使用以下两个系统：

研发项目管理系统PingCode：PingCode是一个专为研发团队设计的项目管理系统，提供了全面的需求管理、任务管理、缺陷管理等功能，支持敏捷开发和持续集成，可以有效提高研发团队的效率。
通用项目协作软件Worktile：Worktile是一款通用的项目协作软件，支持任务管理、文件共享、团队协作等功能，适用于各类团队的项目管理需求，界面简洁、操作方便，是一个非常实用的工具。

通过以上介绍，相信大家已经对JavaScript与Objective-C的交互方式有了深入的了解。在实际开发中，可以根据具体需求选择合适的交互方式，以提高开发效率和用户体验。