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