JS与Native交互，常用的有三种方式：

第一种，也是最简单，拦截协议，适配各种版本
第二种，比较高级一点的，JScContext，适配iOS7以上版本，和安卓可以共用一套API
第三种，最高级的，WKWebView,适配iOS8以上版本《还正在爬坑，后续补上》

一. 拦截协议

1. JS调用Native

在webview加载的时候在代理方法中拦截
- (BOOL)webView:(UIWebView )webView shouldStartLoadWithRequest:(NSURLRequest )request
navigationType:(UIWebViewNavigationType)navigationType
{
NSURL * urlString = [request URL];
NSLog(@"这里就是拦截的URL：%@",[urlString absoluteString]);
}
比如：https://www.baidu.com？yourname=100,这个字段中 yourname=100就需要你和后台商量协商了，获取到字段之后就能调用Native相应的方法了

2. Native调用JS

OC方法中直接调用，（注意：只能在主线程中调用）：

dispatch_queue_t queue = dispatch_get_main_queue();
dispatch_async(queue, ^{
                      [self.webView stringByEvaluatingJavaScriptFromString:@"var javascript = 1 + 2"];
});

3. 补充一点

这个方法 * stringByEvaluatingJavaScriptFromString：* 也可以用来直接调用一些固定的系统方法，比如直接获取JS 的title
NSString *title = [webView stringByEvaluatingJavaScriptFromString:@"document.title"];

二. 使用JSContext

首先介绍基本概念：

JSContext：提供JS运行的环境，打通了JS与Native的交互。
JSValue：JavaScript和Objective-C数据和方法的桥梁,封装了JS与ObjC中的对应的类型，以及调用JS的API等，环境上运行的具体工具类
JSManagedValue：管理数据和方法的类《理解不深，就不多做解释了》
JSVirtualMachine：处理线程相关，使用较少《理解不深，就不多做解释了》
JSExport：这是一个协议，如果采用协议的方法交互，自己定义的协议必须遵守此协议

1. JS调用Native--大体分为两种方式，block与delegate

(1)先说block,直接上代码

#pragma mark - UIWebViewDelegate
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
// 直接获取 html title 设置 导航栏 title，此处是OC调用JS的固定系统方法
self.title = [webView stringByEvaluatingJavaScriptFromString:@"document.title"];
// 获取web view的Js环境（每个页面都有自己的jsContext）
self.context = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
// 打印JS运行时候的异常
self.context.exceptionHandler =
^(JSContext *context, JSValue *exceptionValue)
{
    context.exception = exceptionValue;
    NSLog(@"%@", exceptionValue);
};
// 以 block 形式关联 JavaScript function
self.context[@"方法名字"] =
^(NSString *str)
{
    NSLog(@"%@", str);
};
//多参数，如果block内部用到jscontext,不能直接使用，为防止循环调用，应该使用【JScontext currentContext】获取当前的context
self.context[@"方法名字"] =
^(NSString *a,NSString *b,NSString *c)
{
//JS参数不固定 ，可以通过以下方法获取参量
NSArray *args = [JSContext currentArguments];
    NSLog(@"===%@ %@ %@",a,b,c);
};
};

(2)代理

首先声明一个协议，把接口暴露给JS

@protocol JSExportProtocol
-(void)changeTitle:(NSString *)title;
@end

然后让加载web view的控制器遵守这个协议，在这个控制器中实现这个方法
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
self.context = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
//建立jsname这个界面与当前控制器的关联
self.context[@"jsName"] = self;
};
OK已经打通JS调用Native的通道了，

注意点：

（1）在finishedLoad中给self.context加载，如果这个JS调用OC方法的时机发生在加载完成进行的点击事件等，是没有问题的，但是当JS在加载的时候就调用，就会发生JS调用完了，OC这边的JS环境还没有加载完成，这种情况，可以在startedLoad中加载context,但跳转二级界面的时候，或者刷新界面的时候，这个交互方法就会再次失效，参考别人的TS_JavaScriptContext,可以解决这个问题，但因为里面有私有API，存在上线被拒的风险，不建议使用，我们项目就是在加载的时候，修改title，就是通过* NSString title = [webView stringByEvaluatingJavaScriptFromString:@"document.title"];，来实现的。
（2）block方式的时候，内部的jscontext,一定不能直接使用外部的jscontext对象，可以使用currentContext,获取当前的环境jscontext.

2 使用JSContext实现OC调用JS

主要也有两种方法

（1）通过JSValue
- (IBAction)OCToJS:(id)sender {
//获取JS方法
JSValue *function = [self.context objectForKeyedSubscript:@"factorial"];
//function 是方法对象，inputNumber是方法的参量
JSValue *result = [function callWithArguments:@[inputNumber]];
//result 是运行JS的结果，toNumber转换类型
self.showLable.text = [NSString stringWithFormat:@"%@", [result toNumber]];
}
- （2）通过 evaluateScript：直接调用JS方法
  - (IBAction)OCToJS:(id)sender {
  //通过直接运行JS方法，获取结果
  JSValue *result = [self.context evaluateScript:@"factorial(3)"];
  self.showLable.text = [NSString stringWithFormat:@"%@", [result toNumber]];
  }

iOS JS与Native交互