将大量字符串存储到IndexedDB中

Question

当我拨打store.put(game)时，我有一个名为​​的巨大数组，该选项卡变成白色，并在chrome任务管理器中消失。基本上，过程只是停止和它未能存储阵列

var trans = this.db.transaction('Games', 'readwrite'); 
var store = trans.objectStore('Games'); 
store.get(new Date().toLocaleDateString() + ' ' + prize.value).onsuccess = function() { 
    var game = this.result; 
    game.combs = game.combs.concat(newCombs); //I'm appending to the game.combs array which is empty when I first run it (when it also crashes) 
    store.put(game); 
} 
trans.oncomplete = function(evt) { 
    arrLength = 0; 
    newCombs = []; 
} 

这就是game等于：

game = { 
    name: new Date().toLocaleDateString() + ' ' + prize.value, 
    date: new Date().toLocaleDateString(), 
    prize: prize.value, 
    playerData: [...], 
    points: {...} 
} 

上面部分是一个对象的方法，以便this不是窗口对象一切工作正常，直到代码命中：store.put(game);页面刚刚崩溃。

Answer 1

由于@paldepind建议您在onsuccess事件处理程序中更改作用域并忽略自定义对象。解决此

一种方法是采取封闭的优势，并分配this到一个局部变量，定义匿名回调函数之前：

var trans = this.db.transaction('Games', 'readwrite'); 
var store = trans.objectStore('Games'); 
var that = this; 
store.get(new Date().toLocaleDateString() + ' ' + prize.value).onsuccess =  function() { 
    var game = that.result; 
    game.combs = game.combs.concat(newCombs); 
    store.put(game); 
} 
trans.oncomplete = function(evt) { 
    arrLength = 0; 
    newCombs = []; 
}