javascript - 如何创建 localStorage 方法

Question

我对 localStorage 对象有点困惑。localStorage 是一个对象，这显然意味着我们可以像普通对象一样创建方法、创建属性等。

我试图弄清楚如何在 localStorage 中创建一个方法。这是我目前拥有的:

localStorage = {
firstname: function(){
        //get the firsname from the input and set it as the localstorage firsname
        $("#sublog").bind("click", function(){
        $("input[name='fName']").val();
        });
    },
    lastname: function(){
        //get the lastname from the input and set it as the localStorage lastname
        $("#sublog").bind("click", function(){
        $("input[name='lName']").val();
        });
    }
};

我的 html 看起来像这样:

<div id="log">
    <form>
        <input type="text" id="fName" name="fName" placeholder="FirstName" />
        <input type="text" id="lName" name="lName" placeholder="LastName" />
        <input type="submit" id="sublog" name="login" value="Login" />
    </form>

为了说清楚，我只是想在客户插入他的名字和姓氏时将客户的名字存储到 localStorage.firstname 和 localStorage.lastname 中以保存它们.

Answer 1

LocalStorage 旨在在客户端存储数据，而不是让方法过载。您可以这样使用它:

localStorage.foo = "bar";
console.log(localStorage.foo);
>> bar

如果需要存储对象，则必须将其序列化为字符串。

myobject = {
    foo: 'bar'
}
localStorage.myobject = JSON.stringify(myobject);

并以这种方式取回

myobject = JSON.parse(localStorage.myobject);

无论如何，函数不能(也不应该)以这种方式存储。