Listado completo de tutoriales
ES6 - Funciones con parámetros por defecto |
Esta característica de JavaScript nos permite asignar un valor por defecto a un parámetro para los casos en que en la llamada a la misma no se le envíe.
function sumar(x1,x2,x3=0)
Luego podemos llamar a la función sumar enviando dos o tres datos:
sumar(10, 2); sumar(10, 2, 70);
En la primer llamada x3 queda con el valor 0, en la segunda llamada x3 almacena el valor 70.
Confeccionar una función que reciba un vector y el tipo de lista HTML que se debe generar. Por defecto generar una lista no ordenada. Retornar una cadena con la lista HTML generada.
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de JavaScript</title>
<meta charset="UTF-8">
</head>
<body>
<script>
function generarLista(vec, tipo = '<ul>') {
let lista = tipo;
for (let x = 0; x < vec.length; x++)
lista += `<li>${vec[x]}</li>`;
if (tipo == '<ul>')
lista += '</ul>';
else
lista += '</ol>'
return lista;
}
const opciones1 = ['opción 1', 'opción 2', 'opción 3', 'opción 4', 'opción 5'];
document.write(generarLista(opciones1));
const opciones2 = ['opción a', 'opción b', 'opción c', 'opción d'];
document.write(generarLista(opciones2, '<ol>'));
</script>
</body>
</html>
En la primer llamada le pasamos un solo parámetro:
document.write(generarLista(opciones1));
Luego la función generarLista almacena en el parámetro tipo el valor por defecto: '<ul>':
function generarLista(vec, tipo='<ul>') {
Pero en la segunda llamada le pasamos que queremos obtener una lista HTML ordenada:
document.write(generarLista(opciones2,'<ol>'));
En el navegador tenemos como resultado:

Puede haber varios valores por defecto, pero deben ser los últimos. Es decir primero indicamos los parámetros que reciben datos en forma obligatoria cuando los llamamos y finalmente indicamos aquellos que tienen valores por defecto.