JavaScript不能直接开发原生移动端应用，但可通过React Native等框架桥接原生能力；其核心是JS线程、原生UI线程与异步Bridge通信，组件映射原生视图，样式受限且无DOM，需配置环境后用CLI初始化项目。
JavaScript本身不能直接开发原生移动端应用，但它可以通过框架桥接原生能力。React Native不是“用JavaScript写App再编译成原生代码”，而是用JavaScript（或TypeScript）写逻辑和界面描述，通过一个运行时环境与原生平台通信，最终渲染出真实原生UI组件。
React Native的核心机制：JS线程 + 原生线程 + 桥接通信
React Native启动后，会同时运行两个独立线程：
- JavaScript线程：运行你写的React组件、状态逻辑、网络请求等，使用JavaScriptCore（iOS）或Hermes（Android默认，更轻更快）引擎执行；
- 原生UI线程：iOS走主线程（Main Thread），Android走UI Thread，真正负责绘制按钮、列表、动画等——它不执行JS，只接收指令并渲染；
- 异步消息桥（Bridge）：JS线程不能直接调用原生API，所有交互（比如点击触发相机、读取定位）都通过序列化JSON消息经由Bridge异步传递，原生侧收到后执行，再把结果回传。
这种设计避免了JS直接操作UI导致卡顿，也保留了原生性能和外观。但Bridge也是瓶颈所在——高频同步调用（如滚动中每帧传数据）会影响体验，所以新版React Native正逐步用TurboModules和Fabric渲染器替代旧桥接，实现更直接的模块绑定和声明式UI同步更新。
写法上：像React，但组件不是HTML，而是原生视图
你写的不是
或，而是、、、等——它们不是虚拟DOM标签，而是对原生组件（如UIView、TextView、UIImageView）的封装：
立即学习“Java免费学习笔记（深入）”；
最终在iOS变成UILabel，在Android变成TextView； 对应UIView（iOS）或ViewGroup（Android），支持Flexbox布局（由原生端实现，非CSS）； - 样式写法类似CSS，但仅支持特定属性（如backgroundColor、paddingVertical），且不支持选择器、伪类或float；
- 没有浏览器DOM，无法用document.querySelector或innerHTML，操作UI靠state驱动重渲染。
如何开始一个React Native项目？
不需要先学原生开发，但需装好基础环境：
- Node.js（≥18.x） + npm / yarn；
- Xcode（macOS，开发iOS必需）或 Android Studio（含SDK/NDK/Emulator）；
- 推荐用React Native CLI（非Expo）入门，更贴近原理：
npx react-native@latest init MyApp； - 启动iOS：
npx react-native run-ios；Android：npx react-native run-android； - 修改App.js就能实时看到效果（开启Hot Reloading或Fast Refresh）。
JavaScript在移动开发中的其他角色
除了React Native，JS还通过不同方式参与移动端：
- WebView容器方案：如Cordova、Ionic，把网页打包进App壳里，JS操作的是DOM，性能和体验弱于原生；
- 跨端框架：Flutter Web、Tauri（桌面为主）、Capacitor（增强WebView能力），JS仍承担业务逻辑；
- 服务端与协同：JS写的Node服务支撑App后端，或用WebSocket实现实时推送；
- 自动化与工具链：用JS脚本管理构建、埋点、截图测试、灰度发布等工程环节。
