在sessionStorage中并发替换数据的最佳方法
在sessionStorage中并发替换数据的最佳方法
提问于 2018-08-22 08:03:57
我们将视频回放的分析数据存储在sessionStorage中。
数据的形式是休闲的：
interface IplayerPlayed {
[fileID: string]: {
/** Non-overlapping time ranges */
tracks: number[][]
/** Some value of last threshold passed */
passed?: number | string
}
}问题是，即使用户同时播放两个视频，我们也需要能够保存数据。
我最初做的事。
const playerPlayed = JSON.parse(sessionStorage.getItem('PLAYER_played_analytics') || '{}');
const currentAnalytics = playerPlayed[fileID] || (playerPlayed[fileID] = { tracks: [] })
// some code...
sessionStorage.setItem('PLAYER_played_analytics', JSON.stringify(playerPlayed));当两个或多个视频在多个选项卡中播放时，这是不起作用的，因为它将用最初解析的数据覆盖来自其他选项卡的新数据。
可能的解决办法：
- 在每次保存之前进行解析。(这绝对是最安全的，但也相当缓慢)
- 使用regExp查找字符串并在不解析JSON的情况下替换它。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-08-22 08:12:18
当我写这个问题的最后一句话时，我找到了完美的答案。在fileID键中使用sessisionStorage，这样，只有当用户在两个选项卡中播放同一视频两次时，才会发生这种情况，这是不可能的，也是可以接受的。
示例(简化)：
const currentAnalytics = JSON.parse(sessionStorage.getItem(`PLAYER_${fileID}_analytics`) || { tracks: [] }
// some code...
sessionStorage.setItem(`PLAYER_${fileID}_analytics`, JSON.stringify(currentAnalytics ));对于任何人来说，请随意提出更好的解决方案，因为这还不是完美的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51962349
复制相关文章
相似问题
腾讯云开发者
