HECHO POR
WWW JAVASCRIPTCOM
2 - 3 Pag.
CONCEPTO
SINTAXIS, TIPOS Y EJEMPLOS
4 Pag.
ESTRUCTURA, PROPIEDADES, MÉTODOS Y EJEMPLOS
5 Pag.
DFINICIÓN, USOS COMUNES Y MÉTODOS PRINCIPALES
6 Pag.
EJEMPLOS PRÁCTICOS Y FRAGMENTOS DE CÓDIGO ILUSTRADOS Y EXPLICADOS
7 Pag.
COMPONENTES EN EL DESARROLLO WEB CONCLUSIÓN
Las funciones nos permiten agrupar líneas de código en tareas con un nombre, para que, posteriormente, podamos hacer referencia a ese nombre para realizar todo lo que se agrupe en dicha tarea. Para usar funciones hay que hacer 2 cosas:
Preparar la función, darle un nombre y decirle las tareas que realizará.
EJECUTAR LA FUNCIÓN
Llamar a la función para que realice las tareas de su contenido.
Las funciones son uno de los tipos de datos más importantes, ya que estamos continuamente utilizándolas a lo largo de nuestro código
En Javascript, las funciones pueden ser tipos de datos como un número o una cadena de texto
Hay varias formas principales de crear funciones en Javascript, aunque probablemente sólo conozcas alguna de ellas:
Las funciones por declaración son la forma más común de crear funciones en JavaScript
Con este método, la función
queda disponible en todo el código desde el inicio
function saludar() { return "Hola";
} saludar(); // 'Hola'
typeof saludar; // 'function'
En JavaScript también se pueden crear funciones
guardándolas dentro de
variables, usando
funciones por expresión
Este método hace que la
variable se convierta en la
función:
const saludo = function
saludar() { return "Hola"; };
saludo(); // 'Hola'
También es posible
crear funciones usando
la sintaxis de objetos, con el constructor new
Function Por ejemplo:
Una característica importante es que puedes llamar a la función antes de que esté escrita en el programa, porque JavaScript primero registra todas las declaraciones de funciones y después ejecuta el código Esto se llama
H O I S T I N G .
NOTA
La diferencia fundamental entre las funciones por declaración y las funciones por expresión es que estas últimas sólo están disponibles a partir de la inicialización de la
variable Si «ejecutamos la variable» antes de declararla, nos dará un error
¿Qué es un objeto?
Un objeto es una estructura que permite almacenar varios datos relacionados dentro de una sola variable
Los datos dentro del objeto se llaman propiedades, y las funciones dentro de un objeto se llaman métodos
Partes de un objeto
Propiedades → Guardan información
Métodos → Acciones que puede realizar el objeto
ESTRUCTURA
var objeto = {
propiedad1: valor, propiedad2: valor, metodo: function() { // código } };
PROPIEDADES DE UN OBJETO
En JavaScript puedes acceder a las propiedades de un objeto de dos formas:
1 Notación con puntos (la más usada)
Es más clara y sencilla
Solo funciona si el nombre de la propiedad no tiene espacios ni caracteres especiales
Notación con corchetes
Permite usar nombres de propiedad como cadena
Obligatoria cuando la propiedad tiene espacios, números al inicio, o caracteres especiales
EJEMPLO BÁSICO
var alumno = { nombre: "Alejandro" , cuatrimestre: "4to" , calificacion1: 9, calificacion2: 8, calificacion3: 10 };
console.log(alumno.nombre); console.log(alumno.cuatrimestre);
player["name"] player["life"]
Un array es una colección o agrupación de elementos en una misma variable, cada uno de ellos ubicado por la posición que ocupa en el array En algunas ocasiones también se les suelen llamar arreglos o vectores En
Javascript, se pueden definir de varias formas:
SINTAXIS
var miArray = ["dato1" , "dato2" , "dato3"];
EJEMPLO
var colores = ["Rojo" , "Azul" , "Verde"];
for (var i = 0; i < colores.length; i++) { console log(colores[i]); }
EJEMPLO 1: FUNCIÓN TOTAL DE UNA COMPRA
Ejemplo 1: Función — Total de una compra function totalCompra(precio, cantidad) {
var total = precio * cantidad; return total; }
var totalFinal = totalCompra(50, 4); console log("Total de la compra: $" + totalFinal);
EJEMPLO 2: OBJETO DATOS DE UN ALUMNO
var alumno = { nombre: "Alejandro Cueenca" , cuatrimestre: "4to" , calificacion1: 9, calificacion2: 8, calificacion3: 10 };
console log("Alumno: " + alumno nombre); console log("cuatrimestre: " + alumno cuatrimestre); console log("Calificaciones: " + alumno calificacion1 + " , " + alumno calificacion2 + " , " + alumno calificacion3);
EJEMPLO 3: ARRAY LISTA DE PRODUCTOS
var productos = ["Camisa" , "Pantalón" , "Sudadera" , "Gorra"];
for (var i = 0; i < productos length; i++) { console log(productos[i]); }
Las funciones, los objetos y los arrays son elementos fundamentales para desarrollar cualquier programa en JavaScript
Las funciones permiten reutilizar código y resolver tareas específicas
Los objetos sirven para organizar información que pertenece a una misma categoría, como un alumno o un producto.
Los arrays permiten almacenar listas de datos y procesarlas fácilmente
Cuando se combinan estos tres elementos, es posible crear programas más ordenados, más claros y más fáciles de mantener. En resumen, son herramientas
esenciales para cualquier persona que esté aprendiendo programación o trabajando en un proyecto web
HTTPS://LENGUAJEJS COM
WWW JAVASCRIPT COM