直接定义一个全局变量存储值和使用sessionStorage谁的效率好点?

Question

目前项目需要在页面上保存一个json数据,大约几千条然后想知道直接定义全局变量存储和sessionStorage之间的区别谁好点

Answer 1

两者的作用域是不同的，全局变量只能作用于当前页面（注意，不是当前tab或窗口），例如A.html在同一个tab内跳转到B.html，B是无法获取A中定义的全局变量的。sessionStorage的作用域是会话，只要你不在新的tab或窗口中打开html页面，那么这些页面都是属于一个session，是可以通过sessionStorage共享数据的。所以A.html在同一个tab内跳转到B.html，B是可以通过sessionStorage获取A存在sessionStorage中的数据的。选择哪一个存储，主要看你是否需要在不同页面间共享。

Answer 2

sessionStorage关闭页面标签自动回收，不可以跨页面交互。定义全局变量可以跨页面交互，因为在全局js文件里面。如果是数据比较大，内容固定，可以考虑用js请求回来存在localStorage，长期存储。以上都只能在现在浏览器（sessionStorage，localStorage），要是考虑浏览器兼容性，那就选全局兼变量吧。