如何从IndexedDB获取objectstore？

Question

我在我的应用程序上有indexedDb用于网络存储。

我想获得以下代码的商店。

var store = myapp.indexedDB.db.transaction(['tree_nodes'],'readwrite').objectStore('tree_nodes'); 

它返回错误。我是众所周知的打开indexeddb数据库和版本更改。

错误为未捕获的TypeError：无法调用null的方法“transaction”

我被试着用断点。在这种情况下，它工作很好，没有错误。

我怎么去商店？请帮帮我.

提前道谢！

Answer 1

该错误可能是因为您的db变量为NULL。这几乎总是因为您试图将db存储在一个全局变量中作为回调的结果，然后在一个单独的函数中访问db变量，该函数不能保证只在db变量设置后才执行，这样浏览器就会发现您正在访问一个未初始化的变量。

解决方法很简单（但令人沮丧）。除非您想了解某个库对承诺和延迟对象的实现，否则不能以这种方式使用全局变量。相反，看看Deni给出的答案。使用回调并在回调函数中编写代码，而不是全局变量。“db”只能从回调request.onsuccess函数中访问，并且不是全局的。这就是为什么Deni的遗嘱起作用的原因。他的代码只会在db被保证初始化（不是null）时才会尝试访问。

由于您没有发布周围的代码（这一点很重要），因此您需要执行以下操作：

// I am an evil global variable that will not work as expected
myapp.indexedDB.db = 'DO NOT USE ME OR YOU WILL GET AN ERROR';

// I am a good function that only accesses an initialized db variable
function doit() {
    var request = window.indexedDB.open(......);
    request.onsuccess = function(event) {
        // Use this db variable, not your global one
        var db = event.target.result;

            // Note that you can also access the db variable using other means
        // here like this.result or request.result, but I like to use event.target
        // for clarity.

        // Now work with the db variable
        var store = db.transaction(['tree_nodes'],'readwrite').objectStore('tree_nodes');
        // do some more stuff with store....
    };
}