javascript - 本地存储 : Textarea showing "undefined" on refresh

Question

我使用 LocalStorage 来记住字段的值。然而，我注意到，当我的可选文本区域字段留空时，它会显示一条消息“未定义”。确实应该如何占位符。未定义的文本来自哪里以及如何解决这个问题？

文本区域

<textarea name="note" id="note" form="order" placeholder="Add your note..."></textarea>

加载存储函数

function loadSettings() {
    $('#note').val(localStorage.setnote);
}

function saveSettings() {
    localStorage.setnote = $('#note').val();
}

Answer 1

undefined 显示是因为 localstorage 对象下没有属性“setnote”。

尝试使用这个代替

function loadSettings() {
    $('#note').val(localStorage.setnote || '');
}

如果 localStorage.setnote 未定义，|| 将使用 null

如果 localStorage.setnote 的值为 0，则该值将替换为“”。为了避免这种情况，您可以执行以下操作:

function loadSettings() {
    if(localStorage.setnote != null && typeof localStorage.setnote != 'undefined') {
        $('#note').val(localStorage.setnote || '');
    }
}