React Native中window变量的含义及RNFetchBlob相关代码疑问

嘿，这个问题问得挺戳点的，我来给你理得明明白白～

首先得明确：React Native里的window既不是浏览器环境中的全局对象，也和屏幕可视区域没有半毛钱关系。

先搞懂React Native的全局作用域 #

React Native的运行逻辑更贴近Node.js，它的全局对象是global，而不是浏览器里的window。在RN项目里，你可以直接通过global来定义或获取全局变量，和Node.js的玩法完全一致。

为什么react-native-fetch-blob里会用到window？ #

这个库的核心目的就是让浏览器端的Blob、XMLHttpRequest等API能在React Native中正常跑起来。为了降低开发者的适配成本，让大家能直接用和浏览器一模一样的代码写法，它特意模拟了浏览器的window全局环境：

• 它提前写好了这些浏览器API的RN兼容实现（也就是所谓的polyfill，比如RNFetchBlob.polyfill.Blob、RNFetchBlob.polyfill.XMLHttpRequest）
• 然后把这些polyfill挂载到window对象上，这样你就能像在浏览器里那样写window.Blob、window.XMLHttpRequest，不用特意去适配RN的原生API。

你贴的那段代码到底在做什么？ #

这段代码就是手动给RN环境“植入”浏览器风格的全局API：

const Blob = RNFetchBlob.polyfill.Blob; 
const fs = RNFetchBlob.fs; 
window.XMLHttpRequest = RNFetchBlob.polyfill.XMLHttpRequest;

• 把库提供的XMLHttpRequest兼容版赋值给window.XMLHttpRequest，这样后续所有调用XMLHttpRequest的代码（包括依赖它的第三方库）都会自动用这个RN适配版
• 同理，Blob也是一样的逻辑，这里只是把它赋值给了局部变量，你也可以选择挂载到window上方便全局调用

简单来说，这就是在RN环境里“造”了一个浏览器风格的全局API环境，让原本依赖浏览器API的代码能无缝在RN中运行。

内容的提问来源于stack exchange，提问作者MonkeyBonkey