Elaboro:

CONCEPTOS BÁSICOS Ing. Karina Marcelino

Bautista
 LENGUAJE DEL LADO DEL CLIENTE
JavaScript está directamente incluido en la
página web (o en un archivo externo) y
mejora una página HTML, añadiendo
interacción del usuario, animación, ayudas a
la navegación, tales como:
Mostrar / ocultar el texto;
Deslizamiento de imágenes;
Crear presentaciones de diapositivas;
Crear burbujas de información.
De JavaScript se dice que es un lenguaje del
lado del cliente, es decir que los scripts son
ejecutados por el navegador del usuario
(cliente).
CONCEPTOS
BÁSICOS
 VARIABLE
Una variable es un espacio en
memoria donde se almacena un dato,
un espacio donde podemos guardar
cualquier tipo de información que
necesitemos para realizar las acciones
de nuestros programas. Podemos pensar
en ella como una caja, donde
almacenamos un dato. Esa caja tiene un
nombre, para que más adelante
podamos referirnos a la variable,
recuperar el dato así como asignar un
valor a la variable siempre que
deseemos.
 VARIABLE
Si nuestro programa realiza sumas, será muy normal que guardemos en variables los
distintos sumandos que participan en la operación y el resultado de la suma. El
efecto sería algo parecido a esto.
Var1 = 5
var2 = 10
suma = var1 + var3
En este ejemplo tenemos tres variables, vemos que su uso para nosotros es como si
tuviésemos un apartado donde guardar un dato y que se pueden acceder a ellos con
sólo poner su nombre.
 NOMBRADO DE VARIABLES
Los nombres de las variables han de Ejemplo de Nombres Admitidos:
construirse con caracteres:  Edad
 alfanuméricos (números y letras)  paisDeNacimiento
 _nombre
 guion bajo (_)
 $elemento
 el carácter dólar $.  Otro$_Nombre
Reglas adicionales para construir nombres También hay que evitar utilizar nombres
para variables: reservados como variables, por ejemplo no
 No pueden comenzar por un carácter podremos llamar a nuestra variable
numérico. palabras como return o for, que ya veremos
que son utilizadas para estructuras del
No podemos utilizar caracteres raros como propio lenguaje.
el signo +, un espacio o un signo -.
 MAYÚSCULAS Y MINÚSCULAS
Javascript es un lenguaje sensible a mayúsculas y minúsculas, por lo que las variables
también se afectan por esa distinción. Por lo tanto, no es lo mismo la variable de
nombre "minombre" que la variable "miNombre". No es lo mismo "Edad" que "edad".
Es una habitual fuente de problemas en el código que a veces son difíciles de
detectar. Esto es porque a veces piensas que estás usando una variable, que debería
tener un dato determinado, pero si te equivocas al escribirla y pones mayúsculas o
minúsculas donde no debería, entonces será otra variable diferente, que no tendrá el
dato que se espera.
Como Javascript no te obliga a declarar las variables el programa se ejecutará sin
producir un error, sin embargo, la ejecución no producirá los efectos deseados.
DECLARACIÓN
DE VARIABLES
 DECLARACIÓN DE VARIABLES CON VAR
 Javascript cuenta con la palabra "var" que utilizaremos cuando queramos declarar una o
varias variables. Como es lógico, se utiliza esa palabra para definir la variable antes de
utilizarla.
var operando1
var operando2
 También se puede asignar un valor a la variable cuando se está declarando:
var operando1 = 23
var operando2 = 33
 También se permite declarar varias variables en la misma línea, siempre que se separen por
comas.
var operando1,operando2
 DECLARACIÓN DE VARIABLES CON LET Y CONST
Declaración let: Esta nueva manera de declarar Declaración const: En realidad "const" no declara una
las variables afecta a su ámbito, ya que son variable sino una constante, que no puede variar su
locales al bloque donde se están declarando. valor a lo largo de la ejecución de un programa.
¿QUÉ SON LAS VARIABLES
LOCALES Y VARIABLES
GLOBALES?
 ÁMBITO DE LAS VARIABLES
Se le llama ámbito de las variables al
lugar donde estas están disponibles.
Por lo general, cuando declaramos una
variable hacemos que esté disponible en el
lugar donde se ha declarado, esto ocurre en
todos los lenguajes de programación y como
Javascript se define dentro de una página
web, las variables que declaremos en la
página estarán accesibles dentro de ella.
En Javascript no podremos acceder a
variables que hayan sido definidas en otra
página. Por tanto, la propia página donde
se define es el ámbito más habitual de una
variable y le llamaremos a este tipo
de variables globales a la página.
 VARIABLES GLOBALES
 Son las que están declaradas en el Las variables globales son accesibles
ámbito más amplio posible, que en desde cualquier lugar de la página
Javascript es una página web.
Es decir, desde el script donde se han
Para declarar una variable global a la declarado y todos los demás scripts de
página simplemente lo haremos en un la página, incluidos los manejadores de
script, con la palabra var. eventos, como el onclick, que se podía
incluir dentro de determinadas etiquetas
HTML.
 VARIABLES LOCALES
También podremos declarar variables Las variables pueden ser locales a una
en lugares más acotados, como por función, pero también pueden ser locales
ejemplo una función. a otros ámbitos.
A estas variables les llamaremos locales. Como por ejemplo un bucle. En general,
Cuando se declaren variables locales son ámbitos locales cualquier lugar
sólo podremos acceder a ellas dentro acotado por llaves.
del lugar donde se ha declarado.
Es decir, si la habíamos declarado en
una función solo podremos acceder a
ella cuando estemos en esa función.
 TIPOS DE DATOS
En una variable podemos introducir  Números: Para empezar tenemos el
varios tipos de información. Por ejemplo tipo numérico, para guardar números
podríamos introducir simple texto,
números enteros o reales, etc. A estas Cadenas: El tipo cadena de carácter
distintas clases de información se les guarda un texto. Siempre que
conoce como tipos de datos. Cada uno escribamos una cadena de caracteres
tiene características y usos distintos. debemos utilizar las comillas (").
Boleanos: También contamos con el tipo
boleano, que guarda una información
que puede valer si (true) o no (false).
Un objeto, una función, o vacío (null)
 DATOS NUMÉRICOS
Todos los números son por tanto del tipo Los números enteros son números que no
numérico, independientemente de si son tienen coma, como 3 o 339. Los números
números reales (con decimales) o reales son números fraccionarios, como
números enteros (sin decimales), incluso 2.69 o 0.25, que también se pueden
independientemente de la precisión que escribir en notación científica.
tengan.
 DATOS TIPO BOLEANO
Sirve para guardar un valor lógico: si o no. Dicho de otro modo los tipos boleanos
permiten solamente dos tipos de valores, verdadero o falso.
Se utiliza para realizar operaciones lógicas, generalmente para realizar acciones si
el contenido de una variable es verdadero o falso.
Este tipo de datos generalmente lo usamos para tomar decisiones en un programa.

Si una variable es verdadero

----- Ejecuto unas instrucciones
Si no
----- Ejecuto otras instrucciones
 CADENA DE CARACTERES
Tipo de datos primitivo que existe en Javascript de manera tradicional es el que
sirve para guardar un texto, lo que solemos llamar cadena de caracteres o string.
Sólo tiene un tipo de datos para guardar texto y en el se pueden introducir cualquier
número de caracteres.
Un texto puede estar compuesto de números, letras y cualquier otro tipo de
caracteres y signos. Los textos se escriben entre comillas, dobles o simples.
 CARACTERES DE ESCAPE EN CADENAS DE TEXTO
Hay una serie de caracteres especiales
que sirven para expresar en una cadena • Salto de línea: \n
de texto determinados controles como • Comilla simple: \'
puede ser un salto de línea o un • Comilla doble: \"
tabulador. • Tabulador: \t
• Retorno de carro: \r
Estos son los caracteres de escape y se
• Avance de página: \f
escriben con una notación especial que
• Retroceder espacio: \b
comienza por una contra barra (una
• Contrabarra: \\
barra inclinada al revés de la normal
'\') y luego se coloca el código del
carácter a mostrar.
OPERADORES
 OPERADORES
Al desarrollar programas en cualquier lenguaje se utilizan los operadores, que sirven para
hacer los cálculos y operaciones necesarios para llevar a cabo tus objetivos. Hasta el menor
de los programas imaginables necesita de los operadores para realizar cosas, ya que un
programa que no realizase operaciones, sólo se limitaría a hacer siempre lo mismo.
Es el resultado de las operaciones lo que hace que un programa varíe su comportamiento
según los datos que tenga para trabajar y nos ofrezca resultados que sean relevantes para
el usuario que lo utilice. Existen operaciones más sencillas o complejas, que se pueden realizar
con operandos de distintos tipos, como números o textos, veremos en este capítulo, y los
siguientes, de manera detallada todos estos operadores disponibles en Javascript.
 Operadores Aritméticos
Son los utilizados para la realización de Ejemplo:
operaciones matemáticas simples como
la suma, resta o multiplicación.

+ Suma de dos valores

- Resta de dos valores o para cambiar el signo de un número

* Multiplicación de dos valores

/ División de dos valores

% El resto de la división de dos números

++ Incremento en una unidad, se utiliza con un solo operando

-- Decremento en una unidad, utilizado con un solo operando

 Operadores de asignación
= Asignación:
Asigna la parte de la derecha del igual a la parte de la izquierda. A al derecha se colocan
los valores finales y a la izquierda generalmente se coloca una variable donde queremos
guardar el dato
+= Asignación con suma.
Realiza la suma de la parte de la derecha con la de la izquierda y guarda el resultado en la
parte de la izquierda.
-= Asignación con resta
*= Asignación de la multiplicación
/= Asignación de la división
%= Se obtiene el resto y se asigna
 Operadores lógicos
*
Estos operadores sirven para realizar
operaciones lógicas, que son aquellas
que dan como resultado un verdadero o
un falso, y se utilizan para tomar
decisiones en nuestros scripts. Complementar
En vez de trabajar con números, para
realizar este tipo de operaciones se
utilizan operandos boleanos.
con la tarea
Los operadores lógicos relacionan los
operandos boleanos para dar como
resultado otro operando boleano