콜백에서 클래스 멤버 변수를 설정할 수 없습니다.

Question

클래스 생성자에서 호출하는 함수의 콜백에서 클래스 멤버 변수를 설정하려고합니다.

조금 더 구체적으로 : Redis INCR 결과 (각 클라이언트는 여러 개의 노드를 가질 수 있도록 '글로벌'연결 ID가 있음)를 기반으로 Connection 클래스 생성자에서 연결 ID를 설정해야합니다.

다음은 코드입니다. 당신은 같은 객체를 참조 할 수있는 콜백 내부 this 사용하는 lovely connID is undefined

Answer 1

:

class Connection { 
    constructor() { 
    client.incr('conn_id', (err, reply) => { 
     this.connID = reply; 
    }); 
    } 
} 

var lovely = new Connection(); 
console.log(`lovely connID is ${ lovely.connID }`); 

이

은 결과입니다. 컨텍스트 개체를 client.incr()의 매개 변수로 설정할 수 있으면 그렇게하십시오. 그렇지 않으면 self를 사용하여 주위를 이동하는 일반적인 방법 중 하나입니다

class Connection { 
    constructor() { 
    var self = this // Keep a reference to the current "this" 
    client.incr('conn_id', (err, reply) => { 
     self.connID = reply; 
    }); 
    } 
} 

Answer 2

그것은 (... 'conn_id')이 client.incr 보인다 콜백 코드를 실행 한 후 호출됩니다 의미 비동기입니다.

그래서

을 console.log (lovely connID is ${ lovely.connID }); 콜백 전에 호출됩니다.

(오류, 응답) => { self.connID = reply; }이 유사하다

:이

이

정의되지 않은 값 1이

여기에 다른 언급했듯이

Answer 3

, 문제가 보인다됩니다

class Connection{ 
    constructor(){ 
    self=this; 
    setTimeout(function(){self.client='somevalue'; 
          console.log('value1');}, 10) 

    } 
} 

var a = new Connection(); 

console.log(a.client); 

실행 그게 client.incr 비동기이며 당신은 r 코드는 속성에 액세스하기 전에 해결하기를 기다리지 않습니다. 이 문제를 해결하기 위해 Connection에 onReady 콜백을 전달하여 속성에 액세스하려고 시도 할 수 있습니다. 이 라인을 따라 뭔가 :

'use strict'; 
 

 
// mock client.incr 
 
var client = { incr: (id, callback) => { 
 
    setTimeout(() => callback(null, 'Hello World'), 0) 
 
}}; 
 

 
class Connection { 
 
    // receive an "onReady" function 
 
    constructor(onReady) { 
 
    client.incr('conn_id', (err, reply) => { 
 
     this.connID = reply; 
 
     // call "onReady" function, and pass it the class 
 
     if (typeof onReady === 'function') onReady(this) 
 
    }); 
 
    } 
 
} 
 

 
new Connection(lovely => { console.log(lovely.connID) })

나는 희망이 도움이!

Answer 4

일반적으로 무거운 초기화 논리를 생성자에 넣는 것은 특히 비동기 인 경우 좋은 생각이 아닙니다. 찾은 것처럼 생성자는 초기화가 완료된 시점에 대한 정보를 반환 할 방법이 없습니다. 또 다른 방법은 연결 준비가되었을 때를위한 약속을 만드는 것입니다. 그런 다음 외부 코드에서 then을 속성에서 벗어나 준비가되었을 때 트렁밍하려는 코드를 지정할 수 있습니다.

class Connection { 
    constructor() { 
    this.connId = new Promise((resolve, reject) => 
     client.incr('conn_id', (err, reply) => { 
     if (err) return reject(err); 
     resolve(reply); 
    }); 
    } 
} 

var lovely = new Connection(); 
lovely.connId . then(connId => console.log(`lovely connID is ${ connID }`);