微型 JavaScript 库停止工作

Question

对于我在 SO 上回答的上一个问题，我制作了以下库。

(function(){
    var LS = function(){
        return new LS.fn.init();
    };
    LS.fn = LS.prototype ={
        //Check to see if the browser suports LocalStorage
        init : function(){
            this.ls = (typeof(Storage)!=="undefined") ? false : true;
            return this;
        }
    }
    LS.fn.init.prototype = LS.fn;
    LS.fn.init.prototype = {
        set : function(name, val){
            if(this.ls) localStorage.setItem(name, val);
        },
        get : function (name){
            if(this.ls) return localStorage.getItem(name);
        },
        remove : function(name){
            if(this.ls) localStorage.removeItem(name);
        },
        test: function(){
            alert("hi")
        }
    }
    window.LS = window.ls = LS;
})();

直到最近，这一切都很好。

我收到如下错误：

LS.set("foo", "bar"); // Error: undefined is not a function... 

即使是下面的代码也会报错：

LS.test();

为什么这停止工作了？

谢谢。

注意：以前，我有一个错字，但现在我已经修正了它，它仍然不起作用。

Answer 1

您的window.LS 被初始化为一个函数，您似乎使用它就好像您希望它被初始化为该函数的返回值。

改变这一行：

window.LS = window.ls = LS;

到：

window.LS = window.ls = LS();

此外，请尝试简化您的库代码。看起来非常复杂。至少稍微注释一下，以表明各个部分的作用/用途。例如，有错字 (LS.protorype) 的部分没有在任何地方使用。