JS声明全局变量，websocket只能创建一次

Question

1.由于websocke被多个页面引用，每次刷新，都要实例化一次
2.想在websocket.js文件中声明一个全局变量，在加载时创建一次
3.使用window.connection这样的全局变量或window.loading这样也不行，不知有没其他可行的方案？

Answer 1

你是纯js还是使用的框架，纯js的话，由于是多个页面，是无法做到只创建一次的，如果非要这么做，你可以试试service worker，

Service Worker API - Web API | MDN Service worker 本质上充当 Web 应用程序、浏览器与网络（可用时）之间的代理服务器。这个 API 旨在创建有效的离线体验，它会拦截网络请求并根据网络是否可用来采取适当的动作、更新来自服务器的资源。它还提供入口以推送通知和访问后台同步 API。 https://developer.mozilla.org/zh-CN/docs/Web/API/Service_Worker_API

如果你使用的是框架的话，如果是angular可以使用service,如果是vue的话可以存个全局状态。