style: autoformat/lint the codebase

This commit is contained in:
Jean-Philippe Sirois
2019-10-07 07:21:54 -04:00
parent 153295f543
commit 583b7ea61a
14 changed files with 134 additions and 134 deletions
@@ -31,8 +31,8 @@ called `getMembers` that retrieves all the members in a discord server. When we
function we see the following result.
```js
const members = getMembers("The Programmers Hangout")
console.log(members) // Promise {<pending>}
const members = getMembers("The Programmers Hangout");
console.log(members); // Promise {<pending>}
```
Normally, we would have expected to see an array of all the members but it takes time to
@@ -44,8 +44,8 @@ to access the actual members like so.
```js
getMembers("The Programmers Hangout").then(members => {
console.log(members) // (32k) [{...}, {...}, {...}]
})
console.log(members); // (32k) [{...}, {...}, {...}]
});
```
This way we are able to make sure that we only try to `console.log` when the `getMembers` function has resolved and ready to be used.
@@ -63,11 +63,11 @@ You may have tried doing something like this before.
```js
// Incorrect code, don't copy!
let results
let results;
getWeather("Los Angeles").then(weather => {
results = weather
})
console.log(results) // undefined
results = weather;
});
console.log(results); // undefined
```
Why is `results` undefined? Because **Javascript doesn't wait**. Whenever a Promise is created,
@@ -81,8 +81,8 @@ In order to fix this problem we need to move the `console.log` inside the `.then
```js
getWeather("Los Angeles").then(weather => {
console.log(weather) // Sunny, probably
})
console.log(weather); // Sunny, probably
});
```
### Real World Example
@@ -94,12 +94,12 @@ You can try it in your browser if you want to test it out.
function getCharacters() {
return fetch(`https://rickandmortyapi.com/api/character`)
.then(response => response.json())
.then(response => response.results)
.then(response => response.results);
}
getCharacters().then(characters => {
console.log(characters) // (20) [{...}, {...}, {...}]
})
console.log(characters); // (20) [{...}, {...}, {...}]
});
```
Let's break down what's happening in this function