屬性對象和此

Question

我想創建一個對象來存儲我將在我的web應用程序中使用的變量。

我無法使用this從uriGetToken訪問clientId和clientSecret。

另外我可以使用mApiGetToken中的功能token。

你能告訴我我做錯了什麼，如何解決它？

$(document).ready(function() { 

     // General Settings 
     var mApiSettings = { 
      clientId: 'aaa', 
      clientSecret: 'bbb', 
      token: mApiGetToken(), 
      uriGetToken: 'https://ccc/oauth/token?grant_type=client_credentials&client_id=' + this.clientId + '&client_secret=' + this.clientSecret 
     } 

     console.log(mApiSettings.uriGetToken); 
     // Get Autheticated, it requires getting a Token from HollyByte 
     function mApiGetToken() { 

      $.getJSON(mApiSettings.uriGetToken, processData); 
      function processData(data) { 
       mApiSettings.token = data.access_token; 
      } 
      //return token; 
     } 

     // For Testing 
     console.log(mApiGetToken()); 

    }); 

Answer 1

的this值對於其中當該功能被稱爲出現的函數來確定。

您使用的對象字面量this與值this之間沒有任何關聯。

在創建對象文字語句的過程中，也無法訪問對象的屬性。

您需要使用變量。

雖然您的示例中沒有任何特殊字符，但您應該習慣於將所有插入URI的數據轉義出來。

var clientId, clientSecret, mApiSettings; 
    clientId = 'aaa'; 
    clientSecret = 'bbb'; 
    mApiSettings = { 
     clientId: clientId, 
     clientSecret: clientSecret, 
     token: mApiGetToken(), 
     uriGetToken: 'https://ccc/oauth/token?grant_type=client_credentials&client_id=' + encodeURIComponent(clientId) + '&client_secret=' + encodeURIComponent(clientSecret) 
    } 

Answer 2

這是一個常見的JavaScript的問題，因爲this關鍵字不會表現得像如Java或C++其他OOP語言。

的問題是：

var o = { 
    a : 2, 
    b : this.a *2 
} 
console.log(b); //prints NaN because the value for this.a is undefined at the time b is being initialized 

因爲this不是對象字面初始化內部觸及。一種解決方法是使用對象的名稱，而不是this：

var o = { 
    a : 2, 
    b : o.a *2 
} 
console.log(b); //prints 4 

或者你可以同時定義對象單件：

var o = { 
    a : 2 
} 
o.b = o.a *2; 
console.log(b); //prints 4 

無論如何，如果你改變你的代碼應工作在mApiSettings到：

var mApiSettings = { 
      clientId: 'aaa', 
      clientSecret: 'bbb', 
      token: mApiGetToken() 
} 

mApiSettings.uriGetToken = 'https://ccc/oauth/token?grant_type=client_credentials&client_id=' + mApiSettings.clientId + '&client_secret=' + mApiSettings.clientSecret; 

您可以在此處詳細瞭解JavaScript的this關鍵字：http://unschooled.org/2012/03/understanding-javascript-this/

編輯：

爲對方的回答表明，你可能希望將它們嵌入到URL之前，您clientSecret和編碼的clientId。如果是這樣的話，你可以使用此代碼：

var mApiSettings = { 
      clientId: 'aaa', 
      clientSecret: 'bbb', 
      token: mApiGetToken() 
} 

mApiSettings.uriGetToken = 'https://ccc/oauth/token?grant_type=client_credentials&client_id=' + encodeURIComponent(mApiSettings.clientId) + '&client_secret=' + encodeURIComponent(mApiSettings.clientSecret); 

的