JavaScript의 .then / .when 메소드.

오늘 WordPress 튜토리얼을 따라하고 있었는데 강사가 jQuery와 JavaScript, 특히 .then() 및 .when() 메서드를 사용하여 사이트를 검색하는 방법을 시연했습니다. 따라가다 보니 생각보다 이러한 방법이 익숙하지 않다는 것을 깨달았습니다.

그래서 저는 약간의 조사를 하고 몇 가지 메모를 한 다음 이를 흑요석 노트에 추가했습니다. 솔직히 말해서 노트는 다소 거칠습니다. 다람쥐의 집중력을 가진 5학년 학생이 정리할 수 있는 노트처럼 보입니다(솔직히 말하면 때로는 나처럼 느껴지기도 합니다!).

하지만 공유해 보는 건 어떨까요? 한명이라도 도움이 된다면 포스팅할 가치가 있습니다.

---

이것을 상상해 보세요:

학교에 있는 당신과 친구들은 서로에게 약속을 합니다. 이 약속은 마치 “숙제는 다 하고 게임을 하자”고 말하는 것과 같습니다.

하지만 문제는 숙제를 마치는 데 시간이 조금 걸릴 때가 있다는 것입니다. 빨리 끝낼 수도 있고, 개가 먹어도 끝내지 못할 수도 있습니다(앗!). JavaScript Promise도 같은 방식으로 작동합니다. 어떤 일이 일어나길 기다렸다가 “좋아, 다음은 뭘까?”라고 말합니다.

이제 .then()에 대해 이야기해 보겠습니다.

.then() 메서드는 약속이 완료된 후 수행할 작업과 같습니다. 친구에게 다음과 같이 말한다고 상상해 보세요.

• “숙제하면 그럼 비디오 게임 하면 돼요!”

하지만 끝내지 않으면 어떻게 되나요? 아, 백업 계획을 추가할 수 있습니다:

• “내가 숙제 안 하면 그러면 비디오 게임 안 할 거야.”

JavaScript에서 이것을 말하는 방법은 다음과 같습니다.

promiseToFinishHomework
  .then(() => {
    console.log("Yay! We can play games!"); // If you finished
  })
  .catch(() => {
    console.log("Oh no! No games today!"); // If you didn’t finish
  });

이제 .when()의 경우:

이것은 친구 여러 명이 숙제를 끝내고 함께 놀 수 있기를 기다리는 것과 같습니다. 당신은 다음과 같습니다:

• “다 같이 끝내면 같이 놀 수 있어요!”

실생활에서는 그걸 함께 일하기라고 해요. JavaScript에서는 Promise.all()이라는 것을 사용합니다("모두가 준비될 때까지 기다리자!"라고 말하는 것과 같습니다).

Promise.all([friend1, friend2]).then(() => {
  console.log("We’re all done! Time to play!");
});

요약(매우 간단함):

• .then() "이거 하나 끝나면 재밌는 거 하자"라는 말 같아요.
• .when() (또는 Promise.all())은 "모두가 일을 마치면 다 같이 놀자"라고 말하는 것과 같습니다.

그래서 JavaScript는 약속이 지켜지거나 깨졌을 때 다음에 무슨 일이 일어날지 알고 있는지 확인하는 것뿐입니다! ?

---

그렇다면 어떻게 알 수 있나요?

공약은 숙제 자체를 확인하지 않습니다. 말씀하세요! Promise를 생성할 때 작업(예: 숙제 완료)이 완료되었는지 여부에 따라 해결 또는 거부 여부를 결정합니다. .then()은 Promise가 해결되면 실행되고, .catch()는 거부되면 실행됩니다.

실제 활동의 예:

실제 작동 모습을 볼 수 있는 전체 예는 다음과 같습니다.

let promiseToFinishHomework = new Promise((resolve, reject) => {
  let finishedHomework = true; // Change this to false to see the rejection

  if (finishedHomework) {
    resolve(); // Homework is done!
  } else {
    reject(); // Homework is not done!
  }
});

promiseToFinishHomework
  .then(() => {
    console.log("Yay! We can play games!"); // If the promise resolves (homework done)
  })
  .catch(() => {
    console.log("Oh no! No games today!"); // If the promise rejects (homework not done)
  });

위 내용은 JavaScript의 .then / .when 메소드.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!