HTML5 Webストレージの整数がNaNになる

Question

最終行の結果がNaNになる理由を説明できる人はいますか？ 'userScore'はspan要素のオブジェクトであり、localStorageパーツを実装していないときも同様の操作が問題なく動作します。事前に多くの感謝！

var score; 
    score = 20 - (parseInt(turnNr.innerHTML) - bricks.length/2) * 
    1.2; 
    if (score >= 0.5) { 
     score = Math.round(score); 
    } else { 
     score = 0; 
    } 

    if (localStorage.totalScore) { 
     localStorage.totalScore = parseInt(localStorage.totalScore) + 
     score; 
    } else { 
     localStorage.totalScore = score; 
    } 
    userScore.innerHTML = localStorage.totalScore; 

Answer 1

コードからエラーを回復することはできません。 localstorageに"NaN"を保存すると、コードが実行されたときに決して消えません。これは、無効な値がある場合でもif (localStorage.totalScore)が実行されるためです。

あなたは、ストレージがどのように動作するかローカルではありません

if (parseInt(localStorage.totalScore)) { // NaN is falsy and will be ignored 
    localStorage.totalScore = parseInt(localStorage.totalScore) + score; 
} else { 
    localStorage.totalScore = score; 
} 
userScore.innerHTML = localStorage.totalScore;