Javascript 클래스의 정적 메서드에서 멤버 함수를 참조하는 올바른 방법

Question

클래스 생성자가 정적 메서드를 호출 한 결과를 반환하는 상황이 있습니다.

그러나 정적 메서드에서는 멤버 함수 여야하는 함수를 호출해야하지만 멤버 함수이면 사용할 수 없습니다.

이렇게하는 좋은 방법이 있습니까?

이 코드는 분명히 도움이 될 것입니다

여기 modifyProgram

class Program { 
    constructor (paths) { 
    this.inputs = {} 
    this.program = Program.createProgram(paths) 
    return this.program 
    } 

    static createProgram() { 
     const return_program = {name: test} 
     // async function executes 
     this.modifyProgramName() // This is an error because modifyProgram name is not static on this class 
     return return_program 
} 

modifyProgramName() { 
    // Execute a promise 
    fetch('someresource').then(() => { 
    this.program.name = 'newName' 
    }, 500) 
} 

정말 static 안된다 "수정"의 의미는 프로그램이 이미 존재하기 때문이다.

그러나 본질적으로 생성자 인 createProgram에 modifyProgram을 호출하려는 경우 Program 클래스의 인스턴스가 아직 존재하지 않기 때문에 설치할 수 없습니다.

이렇게하는 좋은 방법이 있습니까?

Answer 1

this을 정적 함수로 전달해보세요. 이처럼 : 콘솔에서

class Program { 
    constructor (paths) { 
    this.inputs = {} 
    this.program = Program.createProgram(paths, this) 
    return this 
    } 

    static createProgram (paths, program) { 
     const return_program = {name: "test"} 
     // async function executes 
     program.modifyProgramName() // This is an error because modifyProgram name is not static on this class 
     return return_program 
    } 
    modifyProgramName() { 
    setTimeout(() => { 
     this.program.name = 'newName' 
    }, 500) 
    } 
} 

결과 : 나는 this이 개체에서 하나가 될 수 있도록 => 형식을 사용하도록 setTimeout을 변경

pgm = new Program(["/one"]); 
Program {inputs: Object, program: Object} 
pgm.program.name 
"newName" 

참고. 정적으로 createProgram이 필요하지 않은 경우

, 다음이 작동합니다

class Program { 
    constructor (paths) { 
    this.inputs = {} 
    this.program = this.createProgram(paths) 
    return this 
    } 

    createProgram (paths) { 
     const return_program = {name: "test"} 
     // async function executes 
     this.modifyProgramName() // This is an error because modifyProgram name is not static on this class 
     return return_program 
    } 
    modifyProgramName() { 
    setTimeout(() => { 
     this.program.name = 'newName' 
    }, 500) 
    } 
} 

pgm = new Program(["/one"]); 
Program {inputs: Object, program: Object} 
pgm.program.name 
"newName" 

Answer 2

그 나쁜 생각은 '이'생성자 내에서이 상속을 깰 수 있으므로이 아닌 다른 뭔가를 반환 할 수 있습니다.

어떤 경우에도 setTimeout에 function 키워드를 사용하는 함수가 전달되면 'this'키워드가 전역 범위를 가리키고 있음을 의미하는 전역 컨텍스트에서 실행됩니다. 그걸 다루는 한 가지 방법은 es6 fat 화살 함수를 사용하거나 'bind'키워드를 사용하는 것입니다.

(function() { 
    this.program.name = 'newName'; 
}).bind(this) 

https://jsfiddle.net/uvwt9eqd/1/