1

никак не очищается localstorage всегда хранит ключ и значение, хотя хром показывает что localstorage пуст, вывожу консоле.лог

Storage {length: 0} userself : "ent" length : 1 proto : Storage

итак пробовал

  localStorage.removeItem("userself");
  console.log(localStorage);

и так тоже

localStorage.clear();
console.log(localStorage);

upd весь код

  $(function() {

    localStorage.removeItem("userself");
    localStorage.clear();
    console.log(localStorage.getItem('userself'));
    console.log(localStorage);

    if (localStorage.userself = "priv") {
      $('a.ms_a').removeClass('active');
      $("a.ms_a.ms_priv").addClass('active');
    }

    if (localStorage.userself = "ent") {
      $('a.ms_a').removeClass('active');
      $("a.ms_a.ms_ent").addClass('active');
    }

    $("a.ms_a").on('click', function(e) {
        e.preventDefault();

        dataUserself = $(this).attr('data-userself');
        $('a.ms_a').removeClass('active');
        $(this).addClass('active');
        localStorage.userself = dataUserself;
    });

  });

картинка консоли введите сюда описание изображения

4
  • что выводит после очистки console.log(localStorage.getItem('userself'))?
    – mix
    29 апр 2017 в 10:29
  • выводит null, но после простой консоле лог дает Storage {length: 0} userself : "ent" length : 1 proto : Storage
    – cache0
    29 апр 2017 в 10:33
  • и дальнейший код, который юзает этот ключ опять же его получает
    – cache0
    29 апр 2017 в 10:33
  • добавил весь код и картинку консоли
    – cache0
    29 апр 2017 в 10:41

2 ответа 2

2

Вы неверно используете localStorage.

$(function() {

  localStorage.removeItem("userself");
  localStorage.clear();
  console.log(localStorage.getItem('userself'));
  console.log(localStorage);

  if (localStorage.getItem('userself') == "priv") {
    $('a.ms_a').removeClass('active');
    $("a.ms_a.ms_priv").addClass('active');
  }

  if (localStorage.getItem('userself') == "ent") {
    $('a.ms_a').removeClass('active');
    $("a.ms_a.ms_ent").addClass('active');
  }

  $("a.ms_a").on('click', function(e) {
      e.preventDefault();

      dataUserself = $(this).attr('data-userself');
      $('a.ms_a').removeClass('active');
      $(this).addClass('active');
      localStorage.setItem('userself', dataUserself);
  });

});
1
  • На MDN говорится: "You can access these values like an object, or with the Storage.getItem() and Storage.setItem() methods" - доступ через свойство корректен, хотя и не рекомендуется.
    – Qwertiy
    29 апр 2017 в 11:16
2
if (localStorage.userself = "priv") {

А вот не надо так делать. Тут ошибка = вместо == или ===.

11
  • 1
    Тут ошибка еще в получении значении способом localStorage.userself. Это получение метода userself, а не значение ключа.
    – mix
    29 апр 2017 в 10:49
  • 1
    @mix, в Хроме код localStorage.setItem("someMyItem", 42); localStorage.someMyItem выводит "42", хотя при первом взгляде на вопрос я тоже подумал, что так читать нельзя. А после проверки убрал фразу "к тому же" перед "тут ошибка" :)
    – Qwertiy
    29 апр 2017 в 10:55
  • 1
    @Qwertiy хром это может позволить, но в других браузерах(не считая старых), такое может не пройти. Поэтому я сторонник того, чтобы делать все по документации
    – mix
    29 апр 2017 в 10:57
  • 1
    @mix, на MDN говорится: "You can access these values like an object, or with the Storage.getItem() and Storage.setItem() methods" - доступ через свойство корректен, хотя и не рекомендуется.
    – Qwertiy
    29 апр 2017 в 11:16
  • 1
    @cache0, через свойство тоже можно, хотя и не рекомендуется.
    – Qwertiy
    29 апр 2017 в 11:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.