刷新页面时的localStorage loadVote

Question

我有一次用户投票 +1，现在我正在观看。刷新页面时我需要 loadVote，因为 saveVote 运行正常，我认为我的解决方案是返回投票； loadVote 函数。并且 saveVote(); 在哪里可以，在返回投票的一次或之后的函数中;

var voteUp = document.getElementById('vote-up');

var handUp = once(function() {
    var total = Number(voteUp.innerHTML);
    total += 1;
    voteUp.innerHTML = total;
});

voteUp.addEventListener('click', handUp);

function once(fn, context) {
    var result;

        return function() {
            if(fn) {
                result = fn.apply(context);
                fn = null;
                    saveVote();
            }
            return result;
        };
}

function saveVote() {
    var votes = voteUp;
    var data = Array.prototype.map.call(votes, function(vote){
        return[vote];
    });
        localStorage.setItem('data', JSON.stringify(data));
            console.log('saveVote');
}



function loadVote() {
    var votes = JSON.parse(localStorage.getItem('data'));
        if(!votes){
            return;
        }
            Array.prototype.map.call(votes, function(vote){
                return votes;
            });
        console.log(JSON.parse(localStorage.getItem('votes')));
}

loadVote();

Answer 1

喜欢 David Walsh 在 HERE 上的帖子

DEMO

function once(fn, context) { 
    var result;

    return function() { 
        if(fn) {
            result = fn.apply(context || this, arguments);
            fn = null;
        }

        return result;
    };
}

var voteUp = document.getElementById('vote-up');

var handUp = once(function() {
    var total = Number(voteUp.innerHTML);
    total += 1;
    voteUp.innerHTML = total;
});

voteUp.addEventListener('click', handUp);

Answer 2

只需这样做：

voteUp.addEventListener('click', function(){
  //call your function method to what you want to do with voteUp
  //and call this
   this.removeEventListener('click');
});