js如何把某个数据存在每个界面都可以取到的地方

在JavaScript中，如果你想在一个应用程序的多个界面都能访问到某个数据，通常会使用全局变量或者模块化管理。这里推荐几种常见的做法：

**1. 全局变量（不推荐）：**

// 创建全局变量
var sharedData;

function initSharedData() {
    sharedData = { /* 初始化数据 */ };
}

window.onload = initSharedData; // 页面加载时初始化

// 在其他页面或函数中访问
console.log(sharedData);

但是这种方式可能导致全局污染，不建议在大型项目中使用。

**2. 使用浏览器的localStorage或sessionStorage：**

// 存储数据
localStorage.setItem('sharedData', JSON.stringify(data));

// 取出数据
const storedData = localStorage.getItem('sharedData');
if (storedData) {
    sharedData = JSON.parse(storedData);
}

这两种方法可以跨页面持久存储数据。

**3. 模块化（推荐）：**
使用CommonJS、ES6模块或React Context API:
- CommonJS (`require`):

const sharedModule = require('./sharedModule.js'); // 含有共享数据的对象
sharedModule.getData(); // 在需要的地方获取数据

- ES6模块 (`import`):

import sharedData from './sharedData.js'; // 导入的数据
console.log(sharedData); // 使用数据

- React Context API:

const SharedContext = createContext();
function SharedModule() {
  return <SharedContext.Provider value={sharedData}>{/* 子组件 */}
}

然后在需要的地方使用`useContext(SharedContext)`来访问共享数据。

**4. Redux store：**
对于更复杂的单页应用，可以考虑使用Redux等状态管理库，将数据作为store的一部分，让整个应用共享同一份状态。

选择哪种方式取决于你的项目需求、数据安全性以及是否涉及复杂的状态管理。