JS与OC的互调

现在，大部分App都是采用Native(OC 、 Swift) + HTML5开发的，所以我们要明白Objective-C与JavaScript如何互相调用。

JS和OC交互的第三方框架：WebViewJavaScriptBridge

OC与JS的交互最好都是字符串

OC调用JS代码

调用以下方法，即可实现在OC中调用JS代码

- (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;

简单的应用

利用JS获得当前网页标题，然后将标题设置到导航条上

self.navigationItem.title = [webView stringByEvaluatingJavaScriptFromString:@"document.title;"];

在OC中调用JS的函数

NSString *result = [webView stringByEvaluatingJavaScriptFromString:@"login();"];

JS调用OC代码

学习JS调用OC代码之前，首先我们学习封装一个方法performSelector，该方法可以传入多个参数(数组)，而系统提供的方法performSelector，只能是有限的参数；

最好将该方法封装为给NSObject增加的分类，方便以后直接调用

详细封装代码的注释如下：

// 首先明确返回值类型为id，而不是instancetype,instancetype是能自动检测对象的真实类型，编译器特性，而id能存放任何类型

- (id)performSelector:(SEL)selector withObjects:(NSArray *)objects

{

// 方法签名(方法的描述)

NSMethodSignature *signature = [[self class] instanceMethodSignatureForSelector:selector];

if (signature == nil) {

// 抛出异常的

// 学习系统，如果方法找不到，直接抛出错误

@throw [NSException exceptionWithName:@"error" reason:@"方法找不到" userInfo:nil];

}

// NSInvocation : 利用一个NSInvocation对象包装一次方法调用(方法调用者、方法名、方法参数、方法返回值)

NSInvocation *invocation = [NSInvocation invocationWithMethodSignature:signature];

invocation.target = self;

invocation.selector = selector;

// 设置参数

// signature.numberOfArguments中有两个系统默认的参数self、_cmd

NSInteger paramsCount = signature.numberOfArguments - 2; // 除self、_cmd以外的参数个数

// 获得paramsCount和objects.count的最小值，是为了防止传入的objects有可能是空值，如果坚持访问出现角标越界的问题

paramsCount = MIN(paramsCount, objects.count);

// 这里使用paramsCount来循环是防止数组object中对象的个数大于参数个数，造成的角标越界的问题

for (NSInteger i = 0; i < paramsCount; i++) {

id object = objects[i];

if ([object isKindOfClass:[NSNull class]]) continue;

// 传入的是地址值

// i + 2 也是因为默认的参数问题

[invocation setArgument:&object atIndex:i + 2];

}

// 获取返回值

id returnValue = nil;

// 根据返回值的长度，判断有没有返回值，如果有返回值类型，才去获得返回值

if (signature.methodReturnLength) {

// 获得返回值

[invocation getReturnValue:&returnValue];

}

// 调用方法

[invocation invoke];

return returnValue;

}

上例中，抛出异常信息，还可以使用以下方法直接抛出

[NSException raise:@"error" format:@"%@方法找不到", NSStringFromSelector(selector)];

JS调用OC的关键方法

本质：解析JS中请求路径的字符串，然后调用OC的方法

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType;

JS代码示例

function login()

{

// 在JS中调用OC的方法

location.href = 'zmj://sendMessage_number2_number3_?&100';

}

OC代码示例

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType

{

// 获取请求路径的字符串

NSString *url = request.URL.absoluteString;

// 根据规范，设置协议头

NSString *scheme = @"zmj://";

if ([url hasPrefix:scheme]) {

// 获得协议后面的路径

NSString *path = [url substringFromIndex:scheme.length];

// 利用?切割路径,如果字符串中没有？，返回值是整个字符串

NSArray *subpaths = [path componentsSeparatedByString:@"?"];

// 获取方法名

NSString *methodName = [[subpaths firstObject] stringByReplacingOccurrencesOfString:@"_" withString:@":"];

// 设置参数数组

NSArray *params = nil;

// 如果有参数

if (subpaths.count == 2) {

// 获得所有的参数

params = [[subpaths lastObject] componentsSeparatedByString:@"&"];

}

// 调用上文封装的方法

[self performSelector:NSSelectorFromString(methodName) withObjects:params];

return NO;

}

NSLog(@"调用其它的请求");

return YES;

}