2021-02-06 04:42:36 +00:00
---
id: 56bbb991ad1ed5201cd392cf
2021-03-15 20:01:16 +00:00
title: Escribe JavaScript reutilizable utilizando funciones
2021-02-06 04:42:36 +00:00
challengeType: 1
videoUrl: 'https://scrimba.com/c/cL6dqfy'
forumTopicId: 18378
dashedName: write-reusable-javascript-with-functions
---
# --description--
2021-03-15 20:01:16 +00:00
En JavaScript, podemos dividir nuestro código en partes reutilizables llamadas < dfn > funciones< / dfn > .
2021-02-06 04:42:36 +00:00
2021-03-15 20:01:16 +00:00
Este es un ejemplo de una función:
2021-02-06 04:42:36 +00:00
```js
function functionName() {
console.log("Hello World");
}
```
2021-03-15 20:01:16 +00:00
Puedes llamar o < dfn > invocar</ dfn > esta función usando su nombre seguido por paréntesis, así: `functionName();` Cada vez que se llame la función se imprimirá el mensaje `Hello World` en la consola de desarrollo. Todo el código entre las llaves se ejecutará cada vez que se llame la función.
2021-02-06 04:42:36 +00:00
# --instructions--
2021-03-15 20:01:16 +00:00
< ol > < li > Crea una función llamada < code > reusableFunction< / code > que imprima < code > "Hi World"< / code > en la consola de desarrollo.< / li > < li > Llama a la función.< / li > < / ol >
2021-02-06 04:42:36 +00:00
# --hints--
2021-03-15 20:01:16 +00:00
`reusableFunction` debe ser una función.
2021-02-06 04:42:36 +00:00
```js
assert(typeof reusableFunction === 'function');
```
2021-03-23 14:41:00 +00:00
Si `reusableFunction` es llamado, este debe mostrar la cadena `Hi World` en la consola.
2021-02-06 04:42:36 +00:00
```js
2021-03-23 14:41:00 +00:00
assert(testConsole());
2021-02-06 04:42:36 +00:00
```
2021-03-15 20:01:16 +00:00
Debes llamar `reusableFunction` después de definirla.
2021-02-06 04:42:36 +00:00
```js
2021-03-23 14:41:00 +00:00
const functionStr = reusableFunction & & __helpers.removeWhiteSpace(reusableFunction.toString());
const codeWithoutFunction = __helpers.removeWhiteSpace(code).replace(/reusableFunction\(\)\{/g, '');
assert(/reusableFunction\(\)/.test(codeWithoutFunction));
2021-02-06 04:42:36 +00:00
```
# --seed--
2021-03-23 14:41:00 +00:00
## --after-user-code--
2021-02-06 04:42:36 +00:00
```js
2021-03-23 14:41:00 +00:00
function testConsole() {
var logOutput = "";
var originalConsole = console;
var nativeLog = console.log;
var hiWorldWasLogged = false;
console.log = function (message) {
if(message === 'Hi World') {
console.warn(message)
hiWorldWasLogged = true;
}
if(message & & message.trim) logOutput = message.trim();
if(nativeLog.apply) {
nativeLog.apply(originalConsole, arguments);
} else {
var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
nativeLog(nativeMsg);
}
};
reusableFunction();
2021-02-06 04:42:36 +00:00
console.log = nativeLog;
2021-03-23 14:41:00 +00:00
return hiWorldWasLogged;
2021-02-06 04:42:36 +00:00
}
```
## --seed-contents--
2021-03-15 20:01:16 +00:00
2021-02-06 04:42:36 +00:00
```js
2021-03-15 20:01:16 +00:00
2021-02-06 04:42:36 +00:00
```
# --solutions--
```js
function reusableFunction() {
console.log("Hi World");
}
reusableFunction();
```