$ Fenster in http Interceptor Service verwenden

Question

Ich versuche, das $ window-Objekt in einem http-Interceptor zu verwenden, so dass ich auf die localStorage verweisen kann.

Das Problem ist, dass, wenn ich die folgende Zeile entferne, meine Web-App funktioniert. Aber wenn ich es hinzufüge, wird keine Seite geladen, nur ein weißer Bildschirm, aber es gibt auch keine Fehler.

let {$window} = this; 

Mein Hauptmodul Config:

$httpProvider.interceptors.push('authInterceptor'); 

Mein authInterceptor Serviceklasse:

export class authInterceptor { 
    constructor($window) { 
    this.$window = $window; 
    } 

    request(config) { 
    let {$window} = this; 

    return config; 
    } 

    responseError(response) { 
    return response; 
    } 

} 
authInterceptor.$inject = ['$window']; 

Answer 1

Bedenkt man, dass ES6 vom Browser unterstützt wird (und es unterstützt, da Interceptor Service ist eine Klasse, die wahrscheinlich transpiliert wird), die einzige Möglichkeit, wenn let {$window} = this kann das Problem verursachen, dass this keine Klasseninstanz oder sogar ein Objekt ist.

Interceptor-Funktionen sind Funktionen, die als Callbacks verwendet werden, und pushed to the stack. Dies bedeutet, dass thisundefined im strikten Modus in ihnen sein wird.

es

constructor($window) { 
    this.$window = $window; 
    this.request = this.request.bind(this); 
    this.responseError = this.responseError.bind(this); 
    }