Javascript by Daniela Castillo

Conocimiento avanzado

danicastillo789 — 2022-11-23 02:01:02 UTC

• ¿Qué es un callback?

Representan el uso de funciones como parámetros de otras funciones. Es decir, un callback se crea cuando insertamos una función como valor de un parámetro de otra función y se ejecuta dentro de ésta.

• ¿Qué es una función arrow?

Es una alternativa compacta a una expresión de función tradicional, pero es limitada y no se puede utilizar en todas las situaciones.

• Tipos de eventos:

¿Qué es el DOM y cómo se manipula EL DOM?

El DOM o ‘Document Object Model (Modelo de objeto de documento)’ es la estructura del documento HTML.

Una página HTML está formada por múltiples etiquetas, anidadas una dentro de otra, formando un árbol de etiquetas relacionadas entre sí, a esta formación se le denomina árbol DOM.

Cuando un programa JavaScript, se ejecuta en el contexto de un navegador, se puede acceder al DOM utilizando el objeto "document", corresponde al elemento , con lo que se tendrá acceso a todos los nodos hijos de la página, como o y sus descendientes.

· document es la forma en que JavaScript apunta al objeto archivo HTML a través del DOM. Le dice al navegador «quiero ir al archivo HTML a realizar un cambio».

· .getElementByID(‘demo’) apunta al elemento de la página con el ID «demo». Este es el elemento que JavaScript desea modificar. Para llegar ahí, JavaScript comienza en la etiqueta más alta, luego se mueve a través del DOM hasta que llega al elemento de selección.

Funciones y métodos

danicastillo789 — 2022-11-23 02:01:40 UTC

• ¿Cómo es la estructura de una función?

Se definen mediante la palabra reservada “function”, seguida del nombre de la función, una lista de parámetros entre paréntesis y separados por comas, y las declaraciones js encerradas entre llaves. Su definición formal es la siguiente:

function nombre () {

declaración js:

}

• Parámetros de una función

Los parámetros son accesibles como variables en el cuerpo de la función, para que estas sean más polivalentes, es decir que nos da la habilidad de agregar más valores a la función. Ejemplo:

var resultado;

var numero1 = 3;

var numero2 = 5;

function suma () {

resultado = numero1 + numero2;

}

• Inicialización de parámetros

El = nos sirve para inicializar las variables dentro de la declaración de tipo. Para hacer esto la declaración debe consistir en un tipo de datos, seguido por un nombre de variable, un signo (=) y una constante del tipo apropiado. Al final se debe poner, como de costumbre, un punto y coma (;).

Uso de condiciones o decisiones

danicastillo789 — 2022-11-23 02:02:08 UTC

• Condición If

Es una estructura de control utilizada para tomar decisiones, un condicional que sirve para realizar operaciones especificas en función a una expresión, si se evalúa la expresión utilizada y da como resultado un positivo realizara la acción deseada.

if (condicion){

sentencia1(" ");

}

• Condición if-else

Al igual que el if, es una estructura de control, que nos permiten tomar cierta decisión al interior de nuestro algoritmo, es decir, nos permiten determinar qué acciones tomar dada o no cierta condición.

if (condicion){

sentencia1(" ");

}else{

Sentencia2(“”)

}

• Estructura Switch

Condicional que permite hacer múltiples operaciones, y tomar decisiones en función de distintos estados de las variables.

Evalúa una expresión, comparando el valor de esa expresión con una instancia ‘case’ y ejecuta declaraciones asociadas a ese case, así como las declaraciones en los case que siguen.

Ciclos (o loops) en Javascript

danicastillo789 — 2022-11-23 02:02:29 UTC

• Ciclo for

El for es utilizado para ciclos que ya tienen definidos sus interacciones, es decir que se repite hasta que la condición especificada se evalué como “false”

• Ciclo while

El while es utilizado cuando no sabemos el número de interacciones, ejecuta la condición especificada mientras esta se evalué como “true”

• Ciclo do while

Se repite hasta que una condición especificada se evalúe como falsa.

Uso de operadores de Java Script

danicastillo789 — 2022-11-23 02:03:37 UTC

· Operadores aritméticos: Toman valores numéricos, ya sean literales o variables como sus operandos y retornan un valor numérico único.

Ejemplo

//Variables

var x=5;

var y=2;

//Operadores

(suma y resta)

var s=x+y; var

r=x-y;

console.log(“suma es: ” +s)

console.log(“suma es: ” -r)

· Operadores lógicos:

AND (&&)----let resultado = valor && valor2

OR (||)--------let resultado2 = valor || valor2

NOT !TRUE= FALSE

Mezclar operaciones

num1 = 12;

num2 = 24;

num3 = 25;

num4 = 92;

num5 = 91;

resultado= (num1 < num2 || num2 < num3) && (!(num1 != num2) && num5 != num3);

resultado = (V or V) AND (false AND True)

True AND False

FALSE

document.write(resultado)

· Operadores de asignación: Un operador de asignación asigna un valor a su operando izquierdo basándose en el valor de su operando derecho.

o Adicción

let numero = 10

numero += 5

document.write(numero) 15

o Sustracción

let numero = 10

numero -= 5

document.write(numero) 5

o Multiplicación

let numero = 10

numero *= 5

document.write(numero)50

o Resto: Lo que le falta al numero para llegar al numero entero cuando se realiza la división

let numero = 50

numero %= 6

document.write(numero)2

o Exponencial

let numero = 10

numero **= 2

document.write(numero)100

· Operador negativo:

negación unitaria (numeros negativos)

numero1 =10

resultado =-numero1

· Operador de concatenación: Unir dos variables

numero1 = 5

numero2 = 8

frase = "" + numero1 + numero2

document.write(frase)

concact (se debe tener siempre un string)

numero1 = "5"

numero2 = 8

frase = numero1.concat(numero2)

document.write(frase)

con backtiks y la variable entre ${}

nombre = "Valentina"

frase= `soy ${nombre} y tengo sueño`

document.write(frase)

Tipos de datos específicos en JavaScript

danicastillo789 — 2022-11-23 02:04:03 UTC

· Números: Valor numérico (entero, decimal) ej: 3, 2.5, 36

· Cadenas de texto o strings: secuencia de caracteres que representan un valor. Ej: ‘Hola Mundo’

· Uso de datos booleanos: Valores de true y false

· Fechas en JavaScript: un momento fijo en el tiempo en un formato independiente.

· Símbolos de JavaScript: Tipo de dato, cuyos casos son únicos e inmutables

· Datos con JSON: JavaScript Object Notation Es un formato estándar para intercambio y almacenamiento de datos, envía datos al servidor.

Sintaxis: Los datos se guardan como pares de nombre-valor

“vendendor” : {

“nombre” : “Val”,

“edad” : 35,

“ventas” : 45000,

“sector” : null,

}

{} = objetos

[]= arrays

“calificaciones”: [85, 75, 95,100]

Doble Comilla para las propiedades

No se permite coma final

Variables en Java Script

danicastillo789 — 2022-11-23 02:04:42 UTC

Las variables se usan como nombres simbólicos para valores en la aplicación. Los nombres de las variables llamados identificadores se rigen de ciertas reglas. Deben comenzar con _ $ o letra mayúscula o minúscula.

Tipos de variables

· var name = "Pedro" // String

· var students = 40 // Number

· var countries = ["Venezuela", "Colombia", "Perú"] // Array

· var grades = { Carlos: "B", Paula: "A" } // Object

· var success = true // Boolean

· var nothing = null // null

Tipos de declaraciones

Var: (aunque esta ya no se usa tan frecuentemente), Declara una variable, inicializándola opcionalmente a un valor. Podrá cambiar su valor y su scope es local.

Más frecuentes para declarar una variable:

| Contenedores Const
| Declara la variable de solo lectura en un bloque de ámbito. No será posible cambiar su valor, mediante la asignación. Constante siempre va tener el mismo valor .
| conts animo = "molesto"

| Contenedores Let Declara una variable local en un bloque de ámbito iniciándola opcionalmente a un valor. Podrá cambiar su valor. Limita el alcance de la variable
| let animo = "molesto"

Si quiero ver que valor está contenido en una variable puedo utilizar console.log para que se muestre en consola, o para poder ver dentro del documento document.write(frase)

console.log(students);

// resultado 40

Scope: Vendría siendo el alcance que tiene esa función. Se refiere dónde está disponible esa variable para JavaScript. Existen dos tipos de scope: local y global.

| Local
| Son declaradas dentro de bloques de código
| conts animo = "molesto"

| Global
| Declara una variable local en un bloque de ámbito iniciándola opcionalmente a un valor. Podrá cambiar su valor. Limita el alcance de la variable
| let animo = "molesto"

Variable Hosting: Una variable que es declara más tarde, las variables son elevadas a la parte superior de la función o la declaración

¿Qué es el Strict mode?

danicastillo789 — 2022-11-23 02:06:47 UTC

El modo strict es una forma restringida de JS, haciendo que el lenguaje sea un poco más coherente, tiene una diferencia semántica del código normal. A diferencia del “sloppy mode”, el Strict modo ayuda a:

· Eliminar algunos errores silenciosos de JavaScript cambiándolos para que lancen errores.

· Corrige errores que hacen difícil para los motores de JavaScript realizar optimizaciones: a veces, el código en modo estricto puede correr más rápido que un código idéntico, pero no estricto.

· Prohíbe cierta sintaxis que probablemente sea definida en futuras versiones de ECMAScript.

fuction estoyEnStrictMode () {

‘use strict’

}

(si se requiere, dejar en modo legacy para evitar tener nuevos errores)

· Las variables deben ser declaradas

· que no son métodos, this sera undefined.

· Eval() es más limpio. Las variables que se definen en el código evaluado no pasan al scope que lo rodea.

¿Para qué sirve el uso de consola en JavaScript?

danicastillo789 — 2022-11-23 02:07:11 UTC

La consola en general es una herramienta indispensable ya que permite encontrar errores en el código de una página o aplicación, dentro de ella también se pueden hacer operaciones, arreglos, objetos o llamar funciones definidas que estén permitidas en el lenguaje de programación. Se pueden enviar valores de variable. Conocer el valor o realizar algún tipo de operación. Más importante aún se pueden identificar los tipos de errores que pueda presentar el código.