React-Native运行机制简介

初始化 React Native
  1. 读取 JavaScript 源码

    • JavaScript 加载进内存, JSX 代码已经被转化成原生的 JavaScript 代码

  2. 初始化模块信息

    • 这一步在方法 initModulesWithDispatchGroup中实现,主要任务是找到所有需要暴露给 JavaScript的类

  3. 初始化 JavaScript 代码的执行器,即 RCTJSCExecutor 对象

  4. 生成模块列表并写入 JavaScript 端

  5. 执行 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/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值