5075f14248
* chore(i8n,learn): processed translations * Update curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.md Co-authored-by: Randell Dawson <5313213+RandellDawson@users.noreply.github.com> Co-authored-by: Crowdin Bot <support+bot@crowdin.com> Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com> Co-authored-by: Randell Dawson <5313213+RandellDawson@users.noreply.github.com>
86 lines
2.5 KiB
Markdown
86 lines
2.5 KiB
Markdown
---
|
|
id: 5cdafbc32913098997531680
|
|
title: Cumple una Promesa con "Resolve" y "Reject"
|
|
challengeType: 1
|
|
forumTopicId: 301196
|
|
dashedName: complete-a-promise-with-resolve-and-reject
|
|
---
|
|
|
|
# --description--
|
|
|
|
Una promesa tiene tres estados: `pending`, `fulfilled`, y `rejected`. La promesa creada en el último desafío está atascada en el estado `pending` porque no añadiste una forma de completar la promesa. Los parámetros `resolve` y `reject` enviados a "promise" como argumentos, son utilizados para hacer lo siguiente. `resolve` se utiliza, cuando la promesa es cumplida y `reject` cuando es rechazada. Estos son métodos que toman un argumento, como se ve a continuación.
|
|
|
|
```js
|
|
const myPromise = new Promise((resolve, reject) => {
|
|
if(condition here) {
|
|
resolve("Promise was fulfilled");
|
|
} else {
|
|
reject("Promise was rejected");
|
|
}
|
|
});
|
|
```
|
|
|
|
El ejemplo anterior utiliza strings como argumento de las funciones, pero podrían ser cualquier otra cosa. A menudo, podría ser un objeto, del que utilizas datos, para colocar en tu sitio web o en otro lugar.
|
|
|
|
# --instructions--
|
|
|
|
Haga una función promesa que maneje el éxito y el fallo. Si `responseFromServer` es `true`, llame al método `resolve` para completar satisfactoriamente la promesa. `resolve` devuelve un string con el valor `We got the data`. Si `responseFromServer` es `false`, utilice el método `reject` y devuelva la cadena: `Data not received`.
|
|
|
|
# --hints--
|
|
|
|
`resolve` debe ser llamada con el string esperado, cuando la condición `if` es `true`.
|
|
|
|
```js
|
|
assert(
|
|
__helpers
|
|
.removeJSComments(code)
|
|
.match(
|
|
/if\s*\(\s*responseFromServer\s*\)\s*{\s*resolve\s*\(\s*('|"|`)We got the data\1\s*\)(\s*|\s*;\s*)}/g
|
|
)
|
|
);
|
|
```
|
|
|
|
`reject` debe ser llamada con el string esperado, cuando la condición `if` es `false`.
|
|
|
|
```js
|
|
assert(
|
|
__helpers
|
|
.removeJSComments(code)
|
|
.match(
|
|
/}\s*else\s*{\s*reject\s*\(\s*('|"|`)Data not received\1\s*\)(\s*|\s*;\s*)}/g
|
|
)
|
|
);
|
|
```
|
|
|
|
# --seed--
|
|
|
|
## --seed-contents--
|
|
|
|
```js
|
|
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--
|
|
|
|
```js
|
|
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");
|
|
}
|
|
});
|
|
```
|