Localstorage getitem和setitem JavaScript到TypeScript轉換

Question

有人可以幫我將下面的代碼從JavaScript轉換爲TypeScript嗎？

(function() { 
    'use strict'; 

    angular.module('testUi').service('localStorage', localStorage); 

    localStorage.$inject = ['$window'] 

    function localStorage ($window) { 
     var storage; 
     if ($window.localStorage) { 
      storage = $window.localStorage; 
     } else { 
      storage = { 
       items:[], 
       getItem: function(key) { 
        return this.items[key]; 
       }, 
       setItem: function(key,value) { 
        this.items[key] = value; 
       } 
      }; 
     } 

     //exports 
     this.get = function (key) { 
      return storage.getItem(key); 
     }; 

     this.set = function(key,value) { 
      storage.setItem(key,value); 
     }; 
    } 
}()); 

Answer 1

請注意。 JavaScript 是 TypeScript（see why TypeScript）。所以代碼應該像在ts文件中一樣編譯。

這就是說，如果你想向其轉換爲一個類，你可以：

class LocalStorage { 

    static $inject = ['$window']; 
    constructor($window) { 
     if ($window.localStorage) { 
      this.storage = $window.localStorage; 
     } else { 
      this.storage = { 
       items: [], 
       getItem: function (key) { 
        return this.items[key]; 
       }, 
       setItem: function (key, value) { 
        this.items[key] = value; 
       } 
      }; 
     } 
    } 

    storage: any; 

    get(key) { 
     return this.storage.getItem(key); 
    } 

    set(key, value) { 
     this.storage.setItem(key, value); 
    } 
} 

angular.module('testUi') 
    .service('localStorage', LocalStorage); 

這使您不必爲服務記錄公共合同的優勢。

更多

我有公開/免費主題永遠視頻：https://www.youtube.com/watch?v=Yis8m3BdnEM