JavaScript/TypeScript에서 보다 간결한 2단계 약속을 작성하는 방법은 무엇입니까?
내 사용 사례:
- 리소스를 즉시 사용할 수 있으면 반환하세요
- 리소스를 아직 사용할 수 없는 경우 모달 또는 로딩 표시기를 표시한 다음 준비될 때까지 기다리세요
- 모달 로직은 약속/요청 로직과 분리되어야 합니다
더 좋은 디자인 패턴이 있나요?
으아악몇 가지 댓글을 읽은 후 코드를 대폭 단순화했습니다.
let twoStagePromise = (state: boolean): Promise<{ ready: boolean, wait: Promise<any>; }> => {
return new Promise((resolve, reject) => {
try {
if (state) {
resolve({
ready: true,
wait: new Promise((resolve, reject) => {
resolve([1, 2, 3]);
})
});
} else {
resolve({
ready: false,
wait: new Promise((resolve, reject) => {
setTimeout(() => { resolve([1, 2, 3]); }, 1000);
})
});
}
} catch (e) {
reject(e);
}
});
};
twoStagePromise(false).then((data) => {
if (!data.ready) {
console.log('loading...');
}
return data.wait;
}).then((result) => {
console.log("recieved result", result);
}).catch((error) => {
console.log("try-catch failed or inner promise failed")
});