freeCodeCamp/curriculum/challenges/chinese/02-javascript-algorithms-an.../es6/complete-a-promise-with-res...

2.2 KiB
Raw Blame History

id title challengeType forumTopicId dashedName
5cdafbc32913098997531680 通过 resolve 和 reject 完成 Promise 1 301196 complete-a-promise-with-resolve-and-reject

--description--

Promise 有三个状态:pendingfulfilledrejected。 上一个挑战里创建的 promise 一直阻塞在 pending 状态里,因为没有调用 promise 的完成方法。 Promise 提供的 resolvereject 参数就是用来结束 promise 的。 Promise 成功时调用 resolvepromise 执行失败时调用 reject 如下文所述,这些方法需要有一个参数。

const myPromise = new Promise((resolve, reject) => {
  if(condition here) {
    resolve("Promise was fulfilled");
  } else {
    reject("Promise was rejected");
  }
});

上面的示例使用字符串作为这些函数的参数,但参数实际上可以是任何格式。 通常,它可能是一个包含数据的对象,你可以将它放在网站或其他地方。

--instructions--

使 promise 可以处理成功和失败情况。 如果 responseFromServertrue,调用 resolve 方法使 promise 成功。 给 resolve 传递值为 We got the data 的字符串。 如果 responseFromServerfalse 使用 reject 方法并传入值为 Data not received 的字符串。

--hints--

if 条件是 true 时应该执行 resolve

assert(
  code.match(/if\s*\(\s*responseFromServer\s*\)\s*{\s*resolve\s*\(\s*('|"|`)We got the data\1\s*\)(\s*|\s*;\s*)}/g)
);

if 条件是 false 时应该执行 reject

assert(
  code.match(/}\s*else\s*{\s*reject\s*\(\s*('|"|`)Data not received\1\s*\)(\s*|\s*;\s*)}/g)
);

--seed--

--seed-contents--

const makeServerRequest = new Promise((resolve, reject) => {
  // responseFromServer represents a response from a server
  let responseFromServer;

  if(responseFromServer) {
    // Change this line
  } else {  
    // Change this line
  }
});

--solutions--

const makeServerRequest = new Promise((resolve, reject) => {
  // responseFromServer represents a response from a server
  let responseFromServer;

  if(responseFromServer) {
    resolve("We got the data");
  } else {  
    reject("Data not received");
  }
});