개체 및이 속성에 대한 속성

Question

내 웹 응용 프로그램에서 사용할 변수를 저장할 개체 만들기를 원합니다.

this을 사용하여 clientId 및 clientSecret을 uriGetToken에서 액세스 할 수 없습니다.

또한 의 기능을 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

이 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 

어쨌든 코드가 작동합니다 현재 자바 스크립트 this 키워드에 대한 자세한 내용을보실 수 있습니다

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; 

: mApiSettings에 http://unschooled.org/2012/03/understanding-javascript-this/

편집 :

다른 대답은 당신이 URL로를 삽입하기 전에 clientSecret 및 클라이언트 ID를 인코딩 할 수 있듯이.

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); 

의