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
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
原文链接:http://www.jianshu.com/p/0e357e0cc91f
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。