部分摘自 React-Native 入門與實戰(zhàn)
0x01? 通信機(jī)制
React-Native（之后簡稱RN）作為一個JavaScript跨終端框架殴边，與終端原生語言之間的交互是必不可少的锤岸。在RN推出之前是偷，如果想用JavaScript來開發(fā)，通常會選擇Hybrid馋评，同樣提供了JavaScript類庫來調(diào)用原生的設(shè)備功能刺啦，這類應(yīng)用使用UIWebVIew作為主要界面，通過向WebView請求加載特殊的URL的方式來調(diào)用特殊的原生功能蜕青，最后調(diào)用UIWebView的stringByEaluatingJavaScriptFromString接口執(zhí)行JavaScript腳本傳遞數(shù)據(jù)右核。RN中的交互與Hybrid有著相似之處再来，RN是通過調(diào)用JavaScriptCore框架提供的JavaScript運(yùn)行環(huán)境芒篷，通過調(diào)用evaluateScript方法執(zhí)行特定的JavaScript腳本來傳遞數(shù)據(jù)，完成JS與native之間的交互(這里特指iOS android有另外方法挠他，文后所有方法都特指RN在iOS中的運(yùn)用 不再贅述)殖侵。與Hybrid相比镰烧，RN中JavaScript構(gòu)建的界面完全基于原生組件，原生界面的用戶體驗優(yōu)于webView則是毫無疑問的茉唉。
0x01-1 模塊配置映射
任何不同語言之間的交互及調(diào)用不外乎之間存在的某種映射關(guān)系度陆，以至于我們能準(zhǔn)確的調(diào)用某個特定的方法献幔，傳入特定的參數(shù)蜡感。RN也如此恃泪，當(dāng)JavaScript調(diào)用native模塊時缚忧，必須包含模塊、方法和參數(shù)的信息糕非，從而定位具體調(diào)用了哪個模塊的哪個方法朽肥。此時就需要之前提到的一個模塊的配置信息映射表持钉，來作為雙方通信的橋梁。now始腾，RN是如何提供這個模塊配置映射表的呢空执。
在RN加載的時候，所有注冊并且符合規(guī)范的模塊都會被導(dǎo)出奶栖，生成相應(yīng)的模塊數(shù)據(jù)類RCTModuleData门坷，而模塊數(shù)據(jù)中緩存了模塊的對象實例默蚌，以及模塊索引ModuleID。
在RCTModuleData模塊數(shù)據(jù)中明也，當(dāng)前模塊所有的模塊方法都會通過OC運(yùn)行時方法被導(dǎo)出惯裕，生成模塊方法類RCTModuleMethod蜻势。而RCTModuleMethod對象緩存了原生方法與JavaScript方法的對應(yīng)關(guān)系以及模塊的實例握玛，并且在生成配置的時候會順序生成索引的MethodID够傍。在此之后冕屯，回味JavaScript模塊生成一份模塊配置表安聘，其中包含模塊名瓢棒，JavaScript方法，常量參數(shù)念颈，moduleID连霉，moduleMethod跺撼。最終，這份配置信息會通過[_javaScriptExecutor injectJSONText:asGlobalObjectNamed: callback:]向JavaScript端注冊财边，生成對應(yīng)的JavaScript模塊對象和方法酣难。
0x01-2 ?通信流程
JavaScript 就是如上圖的流程通過配置信息完成與Native模塊的相互調(diào)用憨募。
JavaScript會維護(hù)一個MessageQueue菜谣。當(dāng)調(diào)用模塊的方法時，調(diào)用會被解析為模塊名ModuleName尾膊。模塊方法MethodName冈敛、參數(shù)Params三個部分，并將這三個部分傳遞給MessageQueue暮蹂，通過前面生成的模塊配置remoteModuleConfig解析為ModuleID、MethodID仰泻。
MessageQueue是一個很重要的模塊集侯，所起的作用與原生代碼中的RCTBridge類似，都提供了將模塊方法調(diào)用與模塊通信數(shù)據(jù)相互轉(zhuǎn)換的功能趟据。同時，MessageQueue提供了4個接口汹碱，RN就是通過在RCTBridge調(diào)用特定的接口來完成JavaScript與Native之間的通信咳促。
processBatch獲得JavaScript模塊的方法調(diào)用勘伺。
invokeCallbackAndReturnFlushedQueue調(diào)用JavaScript模塊執(zhí)行時傳遞的回調(diào)函數(shù)飞醉。
callFunctionReturnFlushedQueue處理Objective-C對JavaScript模塊的功能調(diào)用。
flushedQueue用于刷新MessageQueue隊列
如果調(diào)用參數(shù)中包含了回調(diào)函數(shù)轴术，MessageQueue會將參數(shù)Params中的回調(diào)函數(shù)緩存在本地逗栽，并生成一個CallbackID來代替失暂。最終將JavaScript調(diào)用以ModuleID弟塞、MethodID、Params的形式緩存起來傳遞給Native摧冀。注意這里并不是由JavaScript模塊主動將數(shù)據(jù)產(chǎn)地給Native模塊的按价，而是由Native模塊主動調(diào)用MessageQueue的接口（processBatch）笙瑟，該接口的返回值為MessageQueue隊列中緩存的JavaScript調(diào)用的消息數(shù)據(jù)（[ModuleID,MethodID,Params]）往枷。
Native獲得信息數(shù)據(jù)后错洁，通過ModuleID索引到對應(yīng)模塊對象RCTModuleData屯碴，然后在模塊對象中通過MethodID索引到模塊方法RCTModuleMethod，這樣就定位到調(diào)用JavaScript模塊方法所對應(yīng)的Native模塊方法忱叭。
