JavaScript与Objective-C的互相调用

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代码示例

<script>
function login()
{
// 在JS中调用OC的方法
location.href = 'zmj://sendMessage_number2_number3_?&100';
}
</script>

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;
}

-

文／zhazha（简书作者）

原文链接：http://www.jianshu.com/p/0e357e0cc91f

著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。