javascript - 如何检索以前的 localStorage 值？

Question

这是我的代码...

function sendit() {
/*SEND DATA TO LOCAL STORAGE*/
    var mobject = { 'yes': 1};      
    $('.yes').on('click',function() {
            mobject.yes++;
            localStorage.setItem('mobject', JSON.stringify(mobject));
            var retrievedObject = localStorage.getItem('mobject');
            console.log('retrievedObject: ', JSON.parse(retrievedObject));
    });//end click
/**/
}//end yes

当我单击我的页面并检查控制台日志时，结果显示良好。但是，如果我要刷新页面，我必须在我的代码中更改什么才能从我停止的地方开始数值？

Answer 1

检查本地存储变量是否存在。如果它确实将 mobject 设置为该值，则设置为您的默认值:

function sendit() {
/*SEND DATA TO LOCAL STORAGE*/
    var mobject = localStorage.getItem('mobject') ? JSON.parse(localStorage.getItem('mobject'))  : { 'yes': 1};      
    $('.yes').on('click',function() {
            mobject.yes++;
            localStorage.setItem('mobject', JSON.stringify(mobject));
            var retrievedObject = localStorage.getItem('mobject');
            console.log('retrievedObject: ', JSON.parse(retrievedObject));
    });//end click
/**/
}//end yes