no-image

React-Native執行機制簡介

                                    

初始化 React Native

讀取 JavaScript 原始碼

JavaScript 載入進記憶體, JSX 程式碼已經被轉化成原生的 JavaScript 程式碼

初始化模組資訊

這一步在方法 initModulesWithDispatchGroup中實現,主要任務是找到所有需要暴露給 JavaScript的類

初始化 JavaScript 程式碼的執行器,即 RCTJSCExecutor 物件

生成模組列表並寫入 JavaScript 端

執行 JavaScript 原始碼

在 React Native 中,Objective-C 和 JavaScript 的互動都是通過傳遞 ModuleId 、 MethodId、CallbackID和 Arguments 進行的,大概流程是這樣:

JS呼叫OC方法——> 通過配置錶轉換引數(ModuleId MethodId CallbackID Arguments)——> 傳遞引數到訊息佇列——> OC拿到引數並通過配置列表執行對應函式——> 執行後返回回撥ID和引數 ——> JS執行通過ID執行回撥函式

參考文章:http://www.tuicool.com/articles/yEnQzu6
參考文章:http://blog.cnbang.net/tech/2698/

關聯文章