anglejsの工場で奇妙な結果を得ました

Question

.factory("CountingService", function() { 
    var i = 0; 
    this.getNumber = (function() { 
     return i += i + 1; 

    })(); 

    return this; 
    }) 

私のカート番号を更新するこのサービスはありますが、最新のローカルストレージデータが得られないようです。私はこの

console.log(CountingService.getNumber)あるいは

$timeout(function(){ 

    console.log(CountingService.getNumber) 

},1000); 

ように私のコントローラ上でそれをテストしたので、私は時間のためにこれをデバッグしました。

Answer 1

CountingService.getNumber（getItem？）は自己呼び出し機能（IIFE）です。この機能の結果をCountingService.getNumberに割り当てます。これは、コードが最初に実行されたときに発生します。そのため、後でローカルストレージを変更してgetNumberを再度呼び出すと、変更内容は表示されません。

.factory("CountingService", function() { 
    this.getNumber = function() { 
     if(localStorage.getItem('cart') != null){ 
      var cart = JSON.parse(localStorage.getItem('cart')); 
      var totalItem = 0; 
      for(var i=0;i<cart.length;i++){ 
      totalItem += cart[i].qty; 
      } 
      return totalItem; 
     } else{ 
     return 0; 
     } 
    }; 

    return this; 
    }) 

をし、このようにそれを使用します：これを試してみてください

console.log(CountingService.getNumber())