backbone.js - Backbone 本地存储 “undefined is not a function”

Question

我正在使用 Backbone.LocalStorage : http://jsfiddle.net/jiewmeng/grhz9/3/

$(function() {
    console.log(Backbone.LocalStorage); // undefined!!
    var Todo = Backbone.Model.extend({});
    var Todos = Backbone.Collection.extend({
        model: Todo,
        localStorage: new Backbone.LocalStorage("todos")
    });
});​

第一个 console.log()给出 undefined。然后在 localStorage: ...行出现错误

Uncaught TypeError: undefined is not a function

因为 Backbone.LocalStorage是 undefined，所以可以预期，但是为什么呢？

Answer 1

您正在加载的backbone.localStorage-min.js:

http://cdnjs.cloudflare.com/ajax/libs/backbone-localstorage.js/1.0/backbone.localStorage-min.js

看起来好像已经过时了，它根本没有定义 Backbone.LocalStorage。您正在使用的 backbone.localStorage-min.js版本定义了 window.Store而不是 Backbone.LocalStorage。如果您切换到( http://jsfiddle.net/ambiguous/grhz9/5/):

var Todos = Backbone.Collection.extend({
    model: Todo,
    localStorage: new Store("todos")
});

那么您就可以构建 Todos集合了。我不知道当您实际尝试使用它时，事情将如何进行。 “Sun Aug 14 2011 09:53:55 -0400”在互联网时代是很久以前的事了，因此该版本相当陈旧。

如果您从Github切换到最新版本:

https://raw.github.com/jeromegn/Backbone.localStorage/master/backbone.localStorage-min.js

您会发现JavaScript有一些区别，当您使用 new Backbone.LocalStorage('todos')时，一切都会开始工作:

http://jsfiddle.net/ambiguous/grhz9/4/