ee1e8abd87
* feat(tools): add seed/solution restore script * chore(curriculum): remove empty sections' markers * chore(curriculum): add seed + solution to Chinese * chore: remove old formatter * fix: update getChallenges parse translated challenges separately, without reference to the source * chore(curriculum): add dashedName to English * chore(curriculum): add dashedName to Chinese * refactor: remove unused challenge property 'name' * fix: relax dashedName requirement * fix: stray tag Remove stray `pre` tag from challenge file. Signed-off-by: nhcarrigan <nhcarrigan@gmail.com> Co-authored-by: nhcarrigan <nhcarrigan@gmail.com>
93 lines
2.3 KiB
Markdown
93 lines
2.3 KiB
Markdown
---
|
||
id: 5cdafbd72913098997531681
|
||
title: Handle a Fulfilled Promise with then
|
||
challengeType: 1
|
||
forumTopicId: 301203
|
||
dashedName: handle-a-fulfilled-promise-with-then
|
||
---
|
||
|
||
# --description--
|
||
|
||
Promises are most useful when you have a process that takes an unknown amount of time in your code (i.e. something asynchronous), often a server request. When you make a server request it takes some amount of time, and after it completes you usually want to do something with the response from the server. This can be achieved by using the `then` method. The `then` method is executed immediately after your promise is fulfilled with `resolve`. Here’s an example:
|
||
|
||
```js
|
||
myPromise.then(result => {
|
||
// do something with the result.
|
||
});
|
||
```
|
||
|
||
`result` comes from the argument given to the `resolve` method.
|
||
|
||
# --instructions--
|
||
|
||
Add the `then` method to your promise. Use `result` as the parameter of its callback function and log `result` to the console.
|
||
|
||
# --hints--
|
||
|
||
You should call the `then` method on the promise.
|
||
|
||
```js
|
||
assert(
|
||
__helpers.removeWhiteSpace(code).match(/(makeServerRequest|\))\.then\(/g)
|
||
);
|
||
```
|
||
|
||
Your `then` method should have a callback function with `result` as its parameter.
|
||
|
||
```js
|
||
assert(resultIsParameter);
|
||
```
|
||
|
||
You should log `result` to the console.
|
||
|
||
```js
|
||
assert(
|
||
resultIsParameter &&
|
||
__helpers
|
||
.removeWhiteSpace(code)
|
||
.match(/\.then\(.*?result.*?console.log\(result\).*?\)/)
|
||
);
|
||
```
|
||
|
||
# --seed--
|
||
|
||
## --after-user-code--
|
||
|
||
```js
|
||
const resultIsParameter = /\.then\((function\(result\){|result|\(result\)=>)/.test(__helpers.removeWhiteSpace(code));
|
||
```
|
||
|
||
## --seed-contents--
|
||
|
||
```js
|
||
const makeServerRequest = new Promise((resolve, reject) => {
|
||
// responseFromServer is set to true to represent a successful response from a server
|
||
let responseFromServer = true;
|
||
|
||
if(responseFromServer) {
|
||
resolve("We got the data");
|
||
} else {
|
||
reject("Data not received");
|
||
}
|
||
});
|
||
```
|
||
|
||
# --solutions--
|
||
|
||
```js
|
||
const makeServerRequest = new Promise((resolve, reject) => {
|
||
// responseFromServer is set to true to represent a successful response from a server
|
||
let responseFromServer = true;
|
||
|
||
if(responseFromServer) {
|
||
resolve("We got the data");
|
||
} else {
|
||
reject("Data not received");
|
||
}
|
||
});
|
||
|
||
makeServerRequest.then(result => {
|
||
console.log(result);
|
||
});
|
||
```
|