JavaScript 环境
JavaScript 运行时环境
在使用 React Native 时,你的 JavaScript 代码将会运行在两个不同的环境上:
- 大多数情况下,React Native 使用的是JavaScriptCore,也就是 Safari 所使用的 JavaScript 引擎。但是在 iOS 上 JavaScriptCore 并没有使用即时编译技术(JIT),因为在 iOS 中应用无权拥有可写可执行的内存页(因此无法动态生成代码)。
- 在使用 Chrome 调试时,所有的 JavaScript 代码都运行在 Chrome 中,并且通过 WebSocket 与原生代码通信。此时的运行环境是V8 引擎。
虽然两个环境非常类似,但开发者还是可能碰到一些不一致的地方。未来我们很可能会尝试一些其他的 JS 引擎,所以请尽量避免使用依赖于特定运行环境的代码。
常见的不一致比如有:iOS 上有部分日期构造函数未实现;Android 上重复定义的 props 可能会导致报错。
JavaScript 语法转换器
语法转换器可以使编写代码的过程更加享受,因为开发者可以借助转换器直接使用新的 JavaScript 语法标准,而无需等待 JS 解释器的支持。
React Native 内置了Babel 转换器。你可以查看Babel 的文档来了解有关它可以转换的语法的详情。
在metro-react-native-babel-preset中可以看到目前 React Native 默认开启的语法转换特性。注:若想学习相关语法,译者推荐阮一峰老师的《ECMAScript 6 入门》。
Transformation | Code |
---|---|
ECMAScript 5 | |
ECMAScript 2015 (ES6) | |
ECMAScript 2016 (ES7) | |
ECMAScript 2017 (ES8) | |
ECMAScript 2018 (ES9) | |
ECMAScript 2019 (ES10) | |
ECMAScript 2020 (ES11) | |
ECMAScript 2022 (ES13) | |
Stage 1 Proposal | |
Miscellaneous |
接口兼容(Polyfills)
许多标准功能也都在支持的 JavaScript 运行环境上做了兼容支持。
浏览器
- CommonJS require
- console.{log, warn, error, info, trace, table, group, groupEnd}
- XMLHttpRequest, fetch
- {set, clear}{Timeout, Interval, Immediate}, {request, cancel}AnimationFrame
ECMAScript 2015 (ES6)
- Array.from
- Array.prototype.{find, findIndex}
- Object.assign
- String.prototype.{startsWith, endsWith, repeat, includes}
ECMAScript 2016 (ES7)
- Array.prototype.includes
ECMAScript 2017 (ES8)
专有特性
__DEV__
用于判断当前是否开发环境的全局变量