iOS与JS交互初识

1.JavaScriptCore

JavaScriptCore是webkit的一个重要组成部分，主要是对JS进行解析和提供执行环境，是封装了JavaScript和Objective-C桥接的Objective-C API，只要用很少的代码，就可以做到JavaScript调用Objective-C，或者Objective-C调用JavaScript。代码是开源的，可以下下来看看（源码），iOS7后苹果在iPhone平台推出，极大的方便了我们对js的操作；我们可以脱离webview直接运行我们的js，iOS7以前我们对JS的操作只有webview里面一个函数 stringByEvaluatingJavaScriptFromString，JS对OC的回调都是基于URL的拦截进行的操作。大家用得比较多的是WebViewJavascriptBridge和EasyJSWebView这两个开源库，很多混合都采用的这种方式。

屏幕快照 2017-01-11 下午3.43.36.png

2.JavaScriptCore相关的类：

屏幕快照 2017-01-11 下午3.40.19.png

2.1JSContext

代表JS运行的环境，用JSContext来执行JavaScript代码，所有的JSValue都是捆绑在一个JSContext上的。通过JSVirtualMachine管理着所有对象的生命周期，每个JSValue都和JSContext相关联并且强引用context。

2.2JSValue

代表一个JavaScript实体，一个JSValue可以表示很多JavaScript原始类型例如boolean, integers, doubles，甚至包括对象和函数。JS对象在JSVirtualMachine中的一个强引用，其实就是Hybird对象。我们对JS的操作都是通过它。并且每个JSValue都是强引用一个context。同时，OC和JS对象之间的转换也是通过它，相应的类型转换如下：

屏幕快照 2017-01-11 下午3.51.31.png

2.3JSManagedValue

本质上是一个JSValue，但是可以处理内存管理中的一些特殊情形，它能帮助引用技术和垃圾回收这两种内存管理机制之间进行正确的转换。是JS和OC对象的内存管理辅助对象。由于JS内存管理是垃圾回收，并且JS中的对象都是强引用，而OC是引用计数。如果双方相互引用，势必会造成循环引用，而导致内存泄露。我们可以用JSManagedValue保存JSValue来避免。

2.4JSVirtualMachine

代表一个对象空间，拥有自己的堆结构和垃圾回收机制。大部分情况下不需要和它直接交互，除非要处理一些特殊的多线程或者内存管理问题。是JS运行的虚拟机，有独立的堆空间和垃圾回收机制。

2.5JSExport

这是一个协议，可以用这个协议来将原生对象导出给JavaScript，这样原生对象的属性或方法就成为了JavaScript的属性或方法，非常神奇。如果JS对象想直接调用OC对象里面的方法和属性，那么这个OC对象只要实现这个JSExport协议就可以了。

2.6 OC和JS之间的通信示例

屏幕快照 2017-01-11 下午4.03.06.png

屏幕快照 2017-01-11 下午4.03.24.png

屏幕快照 2017-01-11 下午4.03.57.png

屏幕快照 2017-01-11 下午4.04.20.png

屏幕快照 2017-01-11 下午4.04.35.png

屏幕快照 2017-01-11 下午4.04.55.png

屏幕快照 2017-01-11 下午4.05.41.png

屏幕快照 2017-01-11 下午4.06.09.png

屏幕快照 2017-01-11 下午4.06.21.png

屏幕快照 2017-01-11 下午4.06.48.png

屏幕快照 2017-01-11 下午4.09.24.png

- (void)webViewDidFinishLoad:(UIWebView *)webView {

    self.context = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
}

上面用了私有属性，可能会被苹果给拒了。这边要注意的是每个页面加载完都是一个新的context，但是都是同一个JSVirtualMachine。如果JS调用OC方法进行操作UI的时候，请注意线程是不是主线程。
参考链接：
http://blog.csdn.net/lizhongfu2013/article/details/9232129
https://developer.apple.com/videos/play/wwdc2013-615/
http://blog.csdn.net/baihuaxiu123/article/details/51444405
**相关文章：Objective-C和JavaScript的混编 **http://www.jianshu.com/p/e2d734e65c53