角$ q結合this

Question

約束の中にバインドthisの問題があります。

this.database_view_settings = {'habal':'1'} 
this.init = function(){ 
console.log("1",this.database_view_settings) 
return $q((resolve, reject) => { 
console.log("2",this.database_view_settings) 
    AuthenticationService.getToken().then(function(token){ 
    $http.get('/api/user/settings/database_view/get',{headers:{'id_token':token}}) 
    .success(function(data) { 
     console.log("3",this.database_view_settings) 
     this.database_view_settings = data; 
     console.log("login",this.database_view_settings) 
     resolve(this.database_view_settings) 
    }) 
    .error(function(data) { 
     console.log('Error: ' + data); 
     reject(data) 
    }); 
    }.bind(this)) 


    }) 
}.bind(this) 

私の問題はconsole.log 1 and 2で私はconsole.log 3で{'habal':'1'}にしたいものを見る間、私はundefinedを取得し、私はその理由を理解していないということです：私は、角度サービスで、以下の機能を持っています。

Answer 1

これは、アカウントにあなたの質問に追加されたコメントを取るなぜあなたはこれをやっている

this.init().then((data) => { 
    // do your stuff with data 
}).catch((error) => { 
    // oops... 
}) 

Answer 2

$http.get成功関数にthisをバインドしていないため、問題が発生している可能性があります。つまり、thisの参照をネストされた関数に引き続き渡すことが目的であれば、これは本当に拘束力があります。代わりに、外側の関数にvar _this = thisのようなものを使用し、ネストしたすべての関数の変数_thisを参照することができます。また、コメントによって示唆されているように、arrow関数を使用すると自動的にこれがバインドされ、よりクリーンなコードになります。

最後に、変更内容にかかわらず、thisをメインのthis.init機能にバインドする必要はありません。オブジェクトのプロパティのthisはオブジェクト自体にバインドされています。この場合、オブジェクトはthisです。どこか他の、そして、

this.database_view_settings = { 'habal': '1' }; 

this.init =() => AuthenticationService.getToken() 
    .then((token) => $http.get('/api/user/settings/database_view/get', { headers: { 'id_token': token } })) 
    .then((data) => { 
    this.database_view_settings = data; 
    return data; 
    }); 

：