ES6 : "this"를 페치와 함께 사용하는 방법?

Question

나는 ES6에 대해 상당한 양의 문서를 읽었으며 변경된 내용은 무엇입니까? 나는 fetch 같은 새로운 라이브러리의 일부로 새로운 oop 구문을 받아들입니다. 그래서 여기 내가 가지고있는 코드는 다음과 같습니다

apiCall(url, thisAlias=this){ 
    fetch(url).then(function(response){ 
    return response.json(); 
    }) 
    .then(function(respObj){ 
     thisAlias.domUpdater(respObj); 
    }); 
} 

이 상속 된 클래스가 기본 클래스에 결국 많은 상속 클래스를해야합니다. 아이디어는 fetch를 사용하여 범용 API 호출을하는 것이고 상속 된 클래스마다 domUpdater 메서드를 변경할 수 있습니다. 이 코드를 가져 와서 fetch 호출 내에서 사용할 수 있도록이 키워드의 별명을 지정하는 데 많은 시간을 보냈습니다. 이 일을 더 우아한 방법이 있습니까? 저는 이것을 인수로 직접 넘겨 줄 수는 없습니다. 당신이 async/await 새로운를 사용할 수 있는지 어휘 this가

apiCall (url) { 
    fetch(url).then(
    response => response.json() 
).then(
    respObj => this.domUpdater(respObj) 
).catch(
    err => console.error(err.message, err) 
) 
} 

그렇지 않으면 당신이 코드의 특정 부분에 가장 도움이 될 것입니다이 arrow functions를 사용

Answer 1

, 당신은 약 this를 가리키는 걱정할 필요가 없습니다 화살표 기능이 없더라도 전혀 잘못된 것입니다.

async apiCall (url) { 
    try { 
    let response = await fetch(url); 
    this.domUpdater(response.json()); 
    } 
    catch (err) { 
    console.error(err.message, err); 
    } 
}