Una función de JavaScript es un bloque de código diseñado para realizar una tarea particular. La función se ejecuta cuando "algo" la invoca (la llama).
Una función de JavaScript se define con la palabra clave de función , seguida de un nombre, seguido de paréntesis ().
Los parámetros de función se enumeran dentro de los paréntesis () en la definición de la función. Los argumentos de la función son los valores que recibe la función cuando se invoca. Dentro de la función, los argumentos (los parámetros) se comportan como variables locales.
Cuando JavaScript llega a una declaración de retorno, la función dejará de ejecutarse. Si la función se invocó desde una declaración, JavaScript "volverá" a ejecutar el código después de la declaración que lo invocó. Las funciones suelen calcular un valor de retorno. El valor devuelto se "devuelve" a la "persona que llama".
El operador () invoca (llama) la función. Acceder a una función sin () devuelve la función y no el resultado de la función.
Un objeto literal es una lista de pares nombre:valor dentro de llaves {}.
Puedes acceder a las propiedades del objeto de dos maneras:
nombreobjeto.nombrepropiedad, nombreobjeto["nombrepropiedad"]
Los objetos son contenedores de propiedades y métodos. Las propiedades son valores denominados. Los métodos son funciones almacenadas como Propiedades. Las propiedades pueden ser valores primitivos, funciones o incluso otros objetos. Los objetos son objetos, las matemáticas son objetos, las funciones son objetos, las fechas son objetos, las matrices son objetos, los mapas son objetos, los conjuntos son objetos. Todos los valores de JavaScript, excepto los primitivos, son objetos.
Un valor primitivo es un valor que no tiene propiedades ni métodos. 3,14 es un valor primitivo. Un tipo de datos primitivo son datos que tienen un valor primitivo. JavaScript define 7 tipos de tipos de datos primitivos -
A) cadena
B) número
C) booleano
D) nulo
E) indefinido
F) símbolo
G) bigint
Los valores primitivos son inmutables (están codificados y no se pueden cambiar).
Los objetos son mutables. Se abordan por referencia, no por valor.
Un objeto es una colección desordenada de propiedades. Las Propiedades son la parte más importante de los objetos JavaScript. Las propiedades se pueden cambiar, agregar, eliminar y algunas son de solo lectura.
La palabra clave delete elimina una propiedad de un objeto. La palabra clave eliminar elimina tanto el valor de la propiedad como la propiedad misma.
Accediendo a Objeto Método- nombreObjeto.nombreMetodo()
Agregar un nuevo método a un objeto -
persona.nombre = funcion () {
devolver this.firstName " " this.lastName;
};
método toUpperCase() para convertir un texto a mayúsculas.
Algunas soluciones para mostrar objetos JavaScript son:
Mostrar las propiedades del objeto por nombre, Mostrar el objeto
Propiedades en un bucle, visualización del objeto usando Object.values(),
Mostrando el objeto usando JSON.stringify()
Objeto Para bucle entrante -
persona constante = {
nombre: "Juan",
edad: 30,
ciudad: "Nueva York"
};
dejar texto = "";
para (sea x en persona) {
texto = persona[x] " ";
};
document.getElementById("demo").innerHTML = texto;
Debes usar person[x] en el bucle. person.x no funcionará (Porque
x es la variable del bucle).
Object.values() crea una matriz a partir de los valores de propiedad.
Ejemplo: Objeto.valores(persona)
Object.entries() simplifica el uso de objetos en bucles.
Los objetos JavaScript se pueden convertir en una cadena con el método JSON
JSON.stringify().
Para crear un tipo de objeto utilizamos una función constructora de objetos.
función Persona(primero, último, edad, ojo) {
this.firstName = primero;
this.apellido = apellido;
esta.edad = edad;
this.eyeColor = ojo;
}
const miPadre = nueva Persona("John", "Doe", 50, "azul");
const miMadre = nueva Persona("Sally", "Rally", 48, "verde");
miMadre.cambiarNombre = función (nombre) {
this.apellido = nombre;
}
miMadre.cambiarNombre("Gama");
document.getElementById("demo").innerHTML =
"El apellido de mi madre es " myMother.lastName;
¡Este es un ejemplo!
HTML eventos son "cosas" que suceden con los elementos HTML. Cuando
JavaScript se utiliza en páginas HTML, JavaScript puede "reaccionar" en estas
eventos. A continuación se muestran algunos ejemplos de eventos HTML -
Una página web HTML ha terminado de cargarse. Un campo de entrada HTML era
cambiado, se hizo clic en un botón HTML. Eventos HTML comunes -
onchange: se ha cambiado un elemento HTML
onclick: el usuario hace clic en un elemento HTML
onmouseover: el usuario mueve el mouse sobre un elemento HTML
onmouseout: el usuario aleja el mouse de un elemento HTML
onkeydown: el usuario presiona una tecla del teclado
onload: el navegador ha terminado de cargar la página
Instrumentos de cuerda
Cadenas son para almacenar texto. Las cadenas se escriben con
citas.
Las cadenas de plantilla se introdujeron con ES6 (JavaScript
2016). Las plantillas son cadenas encerradas entre comillas invertidas (Esto es un
cadena de plantilla). Las plantillas permiten comillas simples y dobles dentro de
cadena. Las plantillas no son compatibles con Internet Explorer.
Para encontrar la longitud de una cadena, use la longitud incorporada
propiedad.
La barra invertida carácter de escape () convierte caracteres especiales
en caracteres de cadena. let text = "Somos los llamados \"vikingos\" del norte."; let text= 'Está bien';
JavaScript Cadenas como objetos - let y = new String("John");
No crear objetos Strings. La nueva palabra clave complica el código y ralentiza la velocidad de ejecución. Los objetos de cadena pueden producir resultados inesperados
La comparación de dos objetos JavaScript siempre devuelve false.
Métodos de cadena básicos -
Cadena Métodos de búsqueda -
Las cadenas de plantilla utilizan comillas invertidas (``) en lugar de comillas ("") para definir una cadena.
Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.
Copyright© 2022 湘ICP备2022001581号-3