正文

轻松掌握：原生OC如何高效调用JavaScript函数

/0 浏览量
0606

在iOS开发中，原生Objective-C（简称OC）与JavaScript的交互是一个常见的需求，尤其是在混合开发中。OC调用JavaScript函数可以通过多种方式实现，以下是一些高效的方法和技巧。

1. 使用JavaScriptCore框架

JavaScriptCore是Apple提供的一个框架，允许OC代码执行JavaScript代码。通过这个框架，我们可以轻松地调用JavaScript中的函数。

1.1 引入JavaScriptCore框架

在项目中引入JavaScriptCore框架：

#import <JavaScriptCore/JavaScriptCore.h>

1.2 创建JavaScriptContext

在OC中创建一个JavaScriptContext实例：

JSContext *context = [JSContext new];

1.3 执行JavaScript代码

在context中执行JavaScript代码，包括定义函数：

[context evaluateScript:@"function sayHello(name) { return 'Hello, ' + name + '!'; }"];

1.4 调用JavaScript函数

使用evaluateScript:方法调用JavaScript函数，并传递参数：

NSString *result = [context evaluateScript:@"sayHello('World')"].string;
NSLog(@"%@", result); // 输出: Hello, World!

2. 通过Objective-C++调用JavaScript

Objective-C++是Objective-C和C++的混合，可以更灵活地与JavaScript交互。

2.1 创建Objective-C++类

创建一个Objective-C++类，用于封装JavaScript调用逻辑：

@interface OCJSBridge : NSObject
- (NSString *)callJS:(NSString *)funcName args:(NSArray *)args;
@end

@implementation OCJSBridge

- (NSString *)callJS:(NSString *)funcName args:(NSArray *)args {
    JSContext *context = [JSContext currentContext];
    return [context evaluateScript:[NSString stringWithFormat:@"%@(%@);", funcName, [args JSONString]]].string;
}

@end

2.2 使用Objective-C++类调用JavaScript

使用Objective-C++类调用JavaScript函数：

OCJSBridge *bridge = [[OCJSBridge alloc] init];
NSString *result = [bridge callJS:@"sayHello" args:@[@"World"]];
NSLog(@"%@", result); // 输出: Hello, World!

3. 使用WebView

WebView是另一个常用的方式，可以通过它调用JavaScript函数。

3.1 创建WebView

创建一个WebView：

UIWebView *webView = [[UIWebView alloc] initWithFrame:self.view.bounds];
self.view.addSubview(webView);

3.2 加载网页

加载包含JavaScript的网页：

[webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://example.com"]]];

3.3 调用JavaScript函数

通过evaluateJavaScript:方法调用JavaScript函数：

[webView evaluateJavaScript:@"sayHello('World')" completionHandler:^(id result, NSError *error) {
    if (!error) {
        NSLog(@"%@", result); // 输出: Hello, World!
    } else {
        NSLog(@"%@", error.localizedDescription);
    }
}];

总结

通过以上方法，我们可以轻松地在OC中调用JavaScript函数。选择合适的方法取决于具体的需求和场景。希望这些技巧能帮助你更高效地完成iOS开发任务。

-- 展开阅读全文 --