Una función en JavaScript representa un bloque de código designado para la realización de una tarea en específico. Esta tarea suele ser requerida en diversas partes del código.
La función en javaScript se ejecuta en el momento en que se llama o invoca a la función en particular.
Estructura:
function myFunction(p1, p2) {
return p1 + p2; // La funcion (myFunction) retorna la suma de p1 y p2
}
En este ejemplo p1 y p2 funcionan como parámetros de la función, los parámetros van entre los paréntesis y separados por comas, son datos o variables provenientes de donde se invoca a la función, estos tienen que ser digitados en el momento en el que se llama a la función.
El código dentro de la función será ejecutado cuando se llame a la función, puede ser invocada cuando:
Cuando se llega a la sentencia de return, la función dejará de ejecutarse. Si la función fue invocada desde una declaración, JavaScript regresará al apartado del código que corresponde. Las funciones suelen proporcionar un valor de retorno. el valor de retorno es devuelto a donde es llamada la función aquí un ejemplo:
let x = multiplicar(4, 3); // x recibira el valor de retorno de la funcion
function myFunction(a, b) {
return a * b;// Retorna el producto de a y b
}
La función también puede ser usada de la misma manera que se usan las variables, en todo tipos de fórmulas, asignaciones y cálculos.
Todas las variables declaradas dentro de una función serán locales. Solo se puede acceder a las variables locales dentro de la función. intentar usarlas fuera de la misma no corresponde a su valor de dentro.
// Aqui no se puede usar x
function myFunction() {
let x = 15;
// Aqui se puede usar x
}
// Aqui no se puede usar x
los objetos son un conjunto de variables. Un objeto Estudiante puede contener varias variables como Nombre, Apellido, Grado, Promedio. Para poder declarar esto se haria de la siguiente manera:
const estudiante = {Nombre:"David", Apellido:"Quintanilla", promedio:90};
En este ejemplo p1 y p2 funcionan como parámetros de la función, los parámetros son datos o variables provenientes de donde se invoca a la función, estos tienen que ser digitados en el momento en el que se llama a la función.
Los objetos también pueden contener métodos. Métodos son acciones que pueden ser realizadas por objetos. Métodos son guardados en propiedades como definiciones de funciones.
const persona = {
nombre : "Julissa",
apellido : "Lopez",
id : 202130011731,
fullname : function() {
return this.nombre + " " + this.apellido;
}
};
En JavaScript, esto se refiere al mismo objeto.
Un evento HTML puede ser una acción que realiza el navegador o algo que hace un usuario. Estos son algunos ejemplos de eventos HTML:
A menudo, cuando suceden los eventos, es posible que desee hacer algo. JavaScript le permite ejecutar código cuando se detectan eventos. HTML permite que los atributos del controlador de eventos, con código JavaScript, se agreguen a los elementos HTML.
<element event='some JavaScript'>
Ejemplo aplicado
<button onclick="document.getElementById('demo').innerHTML = Date()">The time is?</button>
| Evento | Descripcion |
| onchange | Un elemento HTML que ha sido cambiado |
| onclick | El usuario clickea un elemento HTML |
| onmouseover | El usuario mueve el mouse sobre un elemento HTML |
| onmouseout | El usuario aparta el mouse de un elemento HTML |
| onkeydown | El usuario presiona una tecla |
| onload | EL buscador ha finalizado de cargar |
En JavaScript hay 5 diferentes tipos de datos que pueden contener valores:
hay 6 diferentes tipos de objetos:
El operador typeof se utiliza para encontrar el tipo de dato correspondiente a una determinada variable.
typeof "Helena" // Returns "string"
typeof 3.14 // Returns "number"
typeof false // Returns "boolean"
typeof [1,2,3,4] // Returns "object"
typeof {name:'Lopez', age:18} // Returns "object"
Un dato primitivo representa el valor de un único dato sin ninguna propiedad adicional o método. el operador typeof muestra estos siendo: string, number, boolean, undefined. Un dato complejo representa los valores de diferentes datos agrupados, al conjunto de datos se le denomina objeto, no importa si es Object, array o null. solo cuando es function devuelve el valor anónimo.
Aunque ambos representan algo similar como es la ausencia de datos específicos, es muy importante evitar confundir o mezclar sus significados. la propiedad typeof de una variable declarada pero sin darle un valor será undefined, para que otra tenga la propiedad null tiene que ser declarada con ese “valor”.
typeof undefined // undefined
typeof null // object
El operador instanceof retorna verdadero si un objeto es una instancia del objeto especificado.