原文：?p=191一、前言
一样的开篇问题，为什么要研究这个？iOS为什么要插件化？为什么要借助其他语言比如html5 js甚至脚本lua等来实现原本OC/Swift应该实现的东西？ 原因可以归结为两点： 1. iOS平台 appstore 审核速度不可控，而很多活动页面需要频繁更新，如果每次更新都走appstore审核流程，那活动也就不要做了。 2. 可多平台复用代码，节省开发成本。比如同一个活动的页面，用html5+js完成，就可以通用的在iOS Android平台上，而只需要维护一份html5+js代码。
现如今国内各大互联网公司的iOS端产品，绝大多是都有使用这种技术，特别是html5+js。而使用脚本语言来做动态更新的app也不在少数。 本文先讨论使用html5 + js来插件化的技术。
请浏览一篇文章来脑补一下，我们要做啥 分析支付宝客户端的插件机制 当然，现在的支付宝版本已经告别了这种显性插件化的机制。后面会具体说。
另外还要补充一个前提，我们绝对不做纯html5+js的app，因为稍复杂的app，使用纯html5的方式，只会给自己挖坑，现阶段，native+部分简单逻辑的html5才是真正切合实际的方案。这个问题不展开讨论了。
二、应该准备点什么？
首先我们得准备点东西，当然你要熟悉OC语言（swift亦可），然后你要了解html语言，能写几句js。
然后我们绝不用历史上”著名”的PhoneGap来做，因为它真的很弱。也不能简单的使用UIWebViewDelegate的一个方法来做简单的js 和 OC的通信，因为那是远远不够的。 我们要使用的是很早就出现并广泛运用在mac平台，但直到iOS7才进入移动平台的JavaScriptCore。这真的是iOS7开始原生提供的，真的不是私有的，真的你随便用。
三、JavaScriptCore基础知识3.1 JavaScriptCore是什么？
JavaScriptCore框架是基于webkit中以C/C++实现的JavaScriptCore的一个包装，之前广泛应用于mac平台，从iOS7开始，apple主动将其加入到iOS SDK中。JavaScriptCore让Objective-C和JavaScript代码的交互变得更加简单和直接。
JavaScriptCore中有几个重要的东西：
他们都是日常使用中经常用到的东西。后面会结合实例，介绍他们都是干嘛的。
3.2 iOS如何使用JavaScriptCore？
在需要的地方，引入：
#import JavaScriptCore/JavaScriptCore.h3.3 JavaScriptCore能用来做什么？3.3.1 通过OC执行js方法或调取js属性。
比如下面的一个例子:
JSContext *context = [[JSContext alloc] init];[context evaluateScript:@”var arr = [1, 2, ‘This is js string’];var sum = function(a, b) { return a+b;}”];JSValue *jsArray = context[@”arr”];JSValue *jsSum = context[@”sum”];JSValue *jsSumResult = [jsSum callWithArguments:[NSArray arrayWithObjects:@12, @33, nil]];
JSContext对象是JS的运行环境，通过 -evaluateScript 方法可以运行一段javaScript。javaScript的所有变量方法都会在JSContext对象中妥善的保存。通过对JSContext对象的一些操作，可以调用javaScript的方法，或者存取javaScript的对象。
之前见到的JSVirtualMachine顾名思义，是javaScript的虚拟机，是为JSContext提供运行资源。JSVirtualMachine的具体使用在后面也会讲到。 但是我们的JSContext *context 是通过 init方法生成的啊，看似并没有搀和到JSVirtualMachine啊？但是其实，通过init方法生成的JSContext对象，在init方法内部，仍然会自动线生成一个JSVirtualMachine，然后调用JSContext 对象的 -initWithVirtualMachine 方法。故，一个JSContext对象，必定要对应着一个JSVirtualMachine对象。
同一个JSVirtualMachine中的若干个JSContext可以互相交换方法对象等等，但是不同的JSVirtualMachine不能互相交换任何JSContext的资源。
下图来自苹果官方，很形象的描述了这一点。 2015-03-11 ：（不知为何，苹果删除了官方文档中关于JavaScriptCore的部分。。擦咧。。。）
JSValue是JavaScriptCore中一个重要的类，前面说到，我们使用JSContext 和 JSVirtualMachine 开拓了一个运行和保留javaScript的空间，而JSContext中javaScript的各个方法和属性对应着JSValue。
JSValue也是OC 和 javaScript 互相访问和修改的中间体，所有OC 和 javaScript的跨语言操作都要通过JSValue一些方法进行。
比如我们示例代码里的，JSValue *jsArray，jsArray对应着javaScript中的一个 array对象:arr。所以我们可以对jsArray进行一些操作，从而操作javaScript 中的 arr。 例如：
jsArray[0];//1jsArray[2];//This is js stringjsArray[1] = 49;//修改arr 的第二个元素。jsArray[@”length”];//结果是3，调用js arr对象的方法。
又比如我们示例代码里的，jsSum,对应着sum function,因此我们可以通过操作jsSum从而调取javaScript中的 sum function。
, @33, nil]];//jsSumResult = 45;
可见，我们可以方便的通过JSValue对象的 callWithArguments:方法来直接调取 js 的 function。js function的多参数，在OC中，由NSArray组装而成。
3.3.2 通过js执行OC方法或调取OC属性。
苹果介绍，有两种方式可以方便的通过js 调用 OC：
Block 用来调用方法。 JSExport protocol 用来调用对象。
示例：
//我们有一个OC方法，提供给js调用- (NSInteger)sumWithA:(NSInteger)a B:(NSInteger)b C:(NSInteger)c{return a + b + c;}- (void)jsToOcFunction{JSContext *context = [[JSContext alloc] init];context[@”sumNums”] = ^(NSInteger a, NSInteger b, NSInteger c) {return [self sumWithA:a B:b C:c];};JSValue *sum = [context evaluateScript:@”sumNums(7, 56, 22)”];NSLog(@”sum %@”, sum);//sum 85}
在例子中，我们定义了一个OC方法：sumWithA:(NSInteger)a B:(NSInteger)b C:(NSInteger)c，提供给js调取使用。
在调取时，我们首先声明一个JSContext，然后对context 的sumNums 赋予了一个OC的Block,Block内执行了我们之前提供的OC方法。
然后我们通过context的 -evaluateScript方法执行了一个js方法，尝试调用OC函数。最终看到了调取成功的结果。
天不负;卧薪尝胆，三千越甲可吞吴。
