0% encontró este documento útil (0 votos)
42 vistas41 páginas

Programacion en El Cliente: 6.1 Introducción A Javascript

Este documento explica los fundamentos de JavaScript, incluyendo su historia, usos, versiones y cómo se puede ejecutar. JavaScript se utiliza para crear interactividad en las páginas web y efectos dinámicos mediante la interpretación de scripts por el navegador del cliente. Se puede escribir JavaScript directamente en el código HTML o en archivos externos y ejecutar los scripts de forma directa o en respuesta a acciones del usuario. Aunque se inspiró en Java, JavaScript es ahora un lenguaje independiente y más sencillo, adecuado para programar direct

Cargado por

alonso.torres
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPT, PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
42 vistas41 páginas

Programacion en El Cliente: 6.1 Introducción A Javascript

Este documento explica los fundamentos de JavaScript, incluyendo su historia, usos, versiones y cómo se puede ejecutar. JavaScript se utiliza para crear interactividad en las páginas web y efectos dinámicos mediante la interpretación de scripts por el navegador del cliente. Se puede escribir JavaScript directamente en el código HTML o en archivos externos y ejecutar los scripts de forma directa o en respuesta a acciones del usuario. Aunque se inspiró en Java, JavaScript es ahora un lenguaje independiente y más sencillo, adecuado para programar direct

Cargado por

alonso.torres
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPT, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 41

PROGRAMACION EN EL

CLIENTE

6.1 Introducción a JavaScript


6.1.1 Introducción a JavaScript
Javascript es un lenguaje de programación utilizado para crear
pequeños programitas encargados de realizar acciones dentro
del ámbito de una página web. Con Javascript podemos crear
efectos especiales en las páginas y definir interactividades con
el usuario. El navegador del cliente es el encargado de
interpretar las instrucciones Javascript y ejecutarlas para
realizar estos efectos e interactividades, de modo que el
mayor recurso, y tal vez el único, con que cuenta este
lenguaje es el propio navegador. Javascript es el siguiente
paso, después del HTML, que puede dar un programador de la
web que decida mejorar sus páginas y la potencia de sus
proyectos. Es un lenguaje de programación bastante sencillo y
pensado para hacer las cosas con rapidez.
6.1.2 Usos de JavaScript
Entre las acciones típicas que se pueden realizar en
Javascript tenemos dos vertientes. Por un lado los
efectos especiales sobre páginas web, para crear
contenidos dinámicos y elementos de la página que
tengan movimiento, cambien de color o cualquier otro
dinamismo (DHTML). Por el otro, javascript nos permite
ejecutar instrucciones como respuesta a las acciones
del usuario, con lo que podemos crear páginas
interactivas con programas como calculadoras,
agendas, o tablas de cálculo. Javascript es un lenguaje
con muchas posibilidades, permite la programación de
pequeños scripts, pero también de programas más
grandes, orientados a objetos, con funciones,
estructuras de datos complejas, etc.
Origen de JavaScript

El web es un sistema Hipertexto, una cantidad


desmesurada de textos que contienen enlaces que
relacionan cada una de las unidades básicas donde
podemos encontrar información, las páginas web.

En un principio, para diseñar este sistema de páginas con


enlaces se pensó en un lenguaje que permitiese presentar
cada una de estas informaciones junto con unos pequeños
estilos, este lenguaje fue el HTML, que no es suficiente
para realizar todas las acciones que se pueden llegar a
necesitar en una página web. El HTLM se había quedado
corto para definir todas estas nuevas funcionalidades, ya
que sólo sirve para presentar el texto en un página y
definir su estilo.
Origen de JavaScript
El primer ayudante para cubrir las necesidades que
estaban surgiendo fue Java, a través de la tecnología de
los Applets, que son pequeños programas que se
incrustan en las páginas web y que pueden realizar las
acciones asociadas a los programas de propósito
general. La programación de Applets fue un gran
avance y Netscape, por aquel entonces el navegador
más popular, había roto la primera barrera del HTML al
hacer posible la programación dentro de las páginas
web.

Netscape, después de hacer sus navegadores


compatibles con los applets, comenzó a desarrollar un
lenguaje de programación al que llamó LiveScript que
permitia crear pequeños programas en las páginas y
que era mucho más sencillo de utilizar que Java.
Origen de JavaScript
De modo que el primer Javascript se llamo LiveScript,
pero no duró mucho ese nombre, pues antes de lanzar
la primera versión del producto se forjó una alianza con
Sun Microsystems, creador de Java, para desarrollar en
conjunto ese nuevo lenguaje. La alianza hizo que
Javascript se diseñara como un hermano pequeño de
Java, solamente útil dentro de las páginas web y mucho
más fácil de utilizar. Además, para programar Javascript
no es necesario un kit de desarrollo, ni compilar los
scripts, ni realizarlos en ficheros externos al código
HTML, como ocurría con los applets. Netscape 2.0 fue el
primer navegador que entendía Javascript y su estela
fue seguida por los navegadores de la compañía
Microsoft a partir de la versión 3.0
Diferencias entre Java y JavaScript
Javascript no tiene nada que ver con Java, salvo en sus orígenes.
Actualmente son productos totalmente distintos y no
guardan entre si más relación que la sintaxis.

Algunas diferencias entre estos dos lenguajes son las


siguientes:
• Compilador. Para programar en Java necesitamos un Kit
de desarrollo y un compilador. Sin embargo, Javascript no
es un lenguaje que necesite que sus programas se
compilen, sino que éstos se interpretan por parte del
navegador cuando éste lee la página.
• Orientado a objetos. Java es un lenguaje de programación
orientado a objetos.
• Propósito. Java es mucho más potente que Javascript,
esto es debido a que Java es un lenguaje de propósito
general, con Javascript sólo podemos escribir programas
para que se ejecuten en páginas web.
Diferencias entre Java y JavaScript

• Estructuras fuertes. Java es un lenguaje de programación


fuertemente tipado, esto quiere decir que al declarar
una variable tendremos que indicar su tipo y no podrá
cambiar de un tipo a otro automáticamente. Por su
parte Javascript no tiene esta característica, y podemos
meter en una variable la información que deseemos,
independientemente del tipo de ésta. Además,
podremos cambiar el tipo de información de una varible
cuando queramos.
6.1.3 Versiones de navegadores y JavaScript
Versiones de Javascript:
• Javascript 1: nació con el Netscape 2.0 y soportaba
gran cantidad de instrucciones y funciones, casi todas
las que existen ahora ya se introdujeron en el primer
estandar.
• Javascript 1.1: Es la versión de Javascript que se diseñó
con la llegada de los navegadores 3.0. Implementaba
poco más que su anterior versión, como por ejemplo el
tratamiento de imágenes dinámicamente y la creación
de arrays.
• Javascript 1.2: La versión de los navegadores 4.0. Esta
tiene como desventaja que es un poco distinta en
plataformas Microsoft y Netscape, ya que ambos
navegadores crecieron de distinto modo y estaban en
plena lucha por el mercado.
6.1.3 Versiones de navegadores y JavaScript
• Javascript 1.3: Versión que implementan los navegadores
5.0. En esta versión se han limado algunas diferencias y
asperezas entre los dos navegadores.
• Javascript 1.5: Versión actual, que implementa Netscape
6.

• Por su parte, Microsoft también ha evolucionado hasta


presentar su versión 5.5 de JScript (así llaman al
javascript utilizado por los navegadores de Microsoft).
Para comenzar…
Para programar en Javascript necesitamos básicamente
lo mismo que para programar páginas web con HTML.
Un editor de textos y un navegador compatible con
Javascript. Aunque el Bloc de Notas es suficiente para
empezar, tal vez sea muy útil contar con otros
programas que nos ofrecen mejores prestaciones a la
hora de escribir las líneas de código. Estos editores
avanzados tienen algunas ventajas como que colorean
los códigos de nuestros scripts, nos permiten trabajar
con varios documentos simultáneamente, tienen
ayudas, etc.
6.1.4 JavaScript en el documento HTML
y como archivo externo
Javascript se escribe en el documento HTML
Lo más importante y básico que podemos destacar en este
momento es que la programación de Javascript se realiza dentro
del propio documento HTML. Esto quiere decir que en la página
se mezclan los dos lenguajes de programación, y para que estos
dos lenguajes se puedan mezclar sin problemas se han de
incluir unos delimitadores que separan las etiquetas HTML de las
instrucciones Javascript. Estos delimitadores son las etiquetas
<SCRIPT> y </SCRIPT>.

Todo el código Javascript que pongamos en la página ha de ser


introducido entre estas dos etiquetas. En una misma página
podemos introducir varios scripts, cada uno que podría
introducirse dentro de unas etiquetas <SCRIPT> distintas.
JavaScript en el documento HTML y
como archivo externo
También se puede escribir Javascript dentro de
determinados atributos de la página, como el atributo
onclick. Estos atributos están relacionados con las
acciones del usuario y se llaman manejadores de
eventos.

La etiqueta <SCRIPT> tiene un atributo que sirve para


indicar el lenguaje que estamos utilizando, así como la
versión de este. Por ejemplo, podemos indicar que
estamos programando en Javascript 1.2 o Visual Basic
Script, que es otro lenguaje para programar scripts en el
navegador cliente que sólo es compatible con Internet
Explorer. El atributo en cuestión es language y lo más
habitual es indicar simplemente el lenguaje con el que se
han programado los scripts.
JavaScript en el documento HTML y
como archivo externo
El lenguaje por defecto es Javascript, por lo que si no
utilizamos este atributo, el navegador entenderá que el
lenguaje con el que se está programando es Javascript.
<SCRIPT LANGUAGE=javascript>

Ficheros externos de Javascript Otra manera de incluir


scripts en páginas web, implementada a partir de
Javascript 1.1, es incluir archivos externos donde se
pueden colocar muchas funciones que se utilicen en la
página. Los archivos deben tener la extensión .js y se
incluyen de esta manera.

<SCRIPT language=javascript
src="archivo_externo.js">//estoy incluyendo el fichero
"archivo_externo.js”
</SCRIPT>
JavaScript en el documento HTML y
como archivo externo
Dentro de las etiquetas <SCRIPT> se puede escribir
cualquier texto y será ignorado por el navegador, sin
embargo, los navegadores que no entienden el atributo
SRC tendrán a este texto por instrucciones, por lo que
es aconsejable poner un comentario Javascript antes de
cada línea con el objetivo de que no respondan con un
error. El archivo que incluimos (en este caso
archivo_externo.js) debe contener tan solo sentencias
Javascript. No debemos incluir código HTML de ningún
tipo, ni tan siquiera las etiquetas </SCRIPT> y
</SCRIPT>. Esto nos ayuda a separar el diseño de
interfaz con la programación en JavaScript
6.1.5 Maneras de ejecutar scripts
Existen dos maneras de ejecutar scripts en la página. La primera de
estas maneras se trata de ejecución directa de scripts, la segunda
es una ejecución como respuesta a la acción de un usuario.

Ejecución directa Es el método de ejecutar scripts más básico. En


este caso se incluyen las instrucciones dentro de la etiqueta
<SCRIPT>, tal como se vio anteriormente. Cuando el navegador
lee la página y encuentra un script va interpretando las líneas de
código y las va ejecutando una después de otra. Llamamos a esta
manera ejecución directa pues cuando se lee la página se
ejecutan directamente los scripts.

Respuesta a un evento Los eventos son acciones que realiza el


usuario. Los programas como Javascript están preparados para
atrapar determinadas acciones realizadas, en este caso sobre la
página, y realizar acciones como respuesta.
6.1.5 Maneras de ejecutar scripts
De este modo se pueden realizar programas
interactivos, ya que controlamos los movimientos del
usuario y respondemos a ellos. Existen muchos tipos de
eventos distintos, por ejemplo el click a un botón, el
movimiento del ratón o la selección de texto de la
página. Las acciones que queremos realizar como
respuesta a un evento se han de indicar dentro del
mismo código HTML, pero en este caso se indican en
atributos HTML que se colocan dentro de la etiqueta que
queremos que responda a las acciones del usuario.
6.1.6 Ocultar scripts en navergadores antiguos
Ya hemos visto que Javascript se implementó a partir
de Netscape 2.0 e Internet Explorer 3.0, incluso hay
navegadores que funcionan en sistemas donde sólo se
puede visualizar texto y por lo tanto determinadas
tecnologías, como este lenguaje, están fuera de su
alcance. No todos los navegadores del web comprenden
Javascript. En los casos en los que no se interpretan los
scripts, los navegadores asumen que el código de éstos
es texto de la propia página web y como consecuencia,
presentan los scripts en la página web como si de texto
normal se tratara. Para evitar que el texto de los scripts
se escriba en la página cuando los navegadores no los
entienden se tienen que ocultar los comentarios HTML
(<!-comentario HTML -->), es decir, <SCRIPT><!--
Código Javascript//--></SCRIPT>
6.1.6 Ocultar scripts en navergadores antiguos
<NOSCRIPT>
Existe la posibilidad de indicar un texto alternativo para
los navegadores que no entienden Javascript, para
informarles de que en ese lugar debería ejecutarse un
script y que la página no está funcionando al 100% de
sus capacidades. También podemos sugerir a los
visitantes que actualicen su navegador a una versión
compatible con el lenguaje. Para ello utilizamos la
etiqueta <NOSCRIPT> y entre esta etiqueta y su
correspondiente de cierre podemos colocar el texto
alternativo al script.

<SCRIPT>
código javascript
</SCRIPT>
<NOSCRIPT>Este navegador no comprende los scripts que se están ejecutando,
debes actualizar tu versión de navegador a una más reciente.<br><br><a
href=http://netscape.com>Netscape</a>.<br><a
href=http://microsoft.com>Microsoft</a>.
</NOSCRIPT>
PROGRAMACION EN EL
CLIENTE

6.2 El lenguaje de JavaScript


6.2.1 Sintaxis
Comentarios
Un comentario es una parte de código que no es
interpretada por el navegador y cuya utilidad radica en
facilitar la lectura al programador. El programador, a
medida que desarrolla el script, va dejando frases o
palabras sueltas, llamadas comentarios, que le ayudan a
él o a cualquier otro a leer mas fácilmente el script a la
hora de modificarlo o depurarlo. Ya se vio anteriormente
algún comentario Javascript. Existen dos tipos de
comentarios en el lenguaje. Uno de ellos, la doble
diagonal, sirve para comentar una línea de código. El
otro comentario lo podemos utilizar para comentar
varias líneas y se indica con los signos /* para empezar
el comentario y */ para terminarlo.
<SCRIPT>
//Este es un comentario de una línea
/*Este comentario se puede extender por varias líneas.Las que
quieras*/
</SCRIPT>
6.2.1 Sintaxis
Mayúsculas y minúsculas
En javascript se han de respetar las mayúsculas y las
minúsculas. Si nos equivocamos al utilizarlas el
navegador responderá con un mensaje de error de
sintaxis. Por convención los nombres de las variables se
escriben en minúsculas, salvo que se utilice un nombre
con más de una palabra, pues en ese caso se escribirán
con mayúsculas las iniciales de las palabras siguientes a
la primera. También se puede utilizar mayúsculas en las
iniciales de las primeras palabras en algunos casos, como
los nombres de las clases
6.2.1 Sintaxis
Separación de instrucciones Las distintas instrucciones que
contienen nuestros scripts se han de separar
convenientemente para que el navegador no indique los
correspondientes errores de sintaxis. Javascript tiene
dos maneras de separar instrucciones. La primera es a
través del carácter punto y coma (;) y la segunda es a
través de un salto de línea. Por esta razón Las
sentencias Javascript no necesitan acabar en punto y
coma a no ser que coloquemos dos instrucciones en la
misma línea. No es una mala idea, de todos modos,
acostumbrarse a utilizar el punto y coma después de
cada instrucción pues otros lenguajes obligan a
utilizarlas y nos estaremos acostumbrando a realizar
una sintaxis más parecida a la habitual en entornos de
programación avanzados.
6.2.2 Variables
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. Por ejemplo, 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.
sumando1 = 23
sumando2 = 33
suma = sumando1 + sumando2
En este ejemplo tenemos tres variables, sumando1,
sumando2 y suma, donde guardamos el resultado.
Vemos que su uso para nosotros es como si
tuviésemos un lugar donde guardar un dato y que se
pueden acceder a ellos con sólo poner su nombre.
6.2.2 Variables
Los nombres de las variables han de construirse con caracteres
alfanuméricos y el carácter subrayado (_). Aparte de esta, hay una serie
de reglas adicionales para construir nombres para variables. La más
importante es que tienen que comenzar por un carácter alfabético o el
subrayado. No podemos utilizar caracteres raros como el signo +, un
espacio o un $. Nombres admitidos para las variables podrían ser
Edad
paisDeNacimiento
_nombre
También hay que evitar utilizar nombres reservados como variables, por
ejemplo no podremos llamar a nuestra variable palabras como return o
for, que ya veremos que son utilizadas para estructuras del propio
lenguaje.
Algunos ejemplos de nombres de variables invalidos
12meses
tu nombre
return
pe%pe
6.2.2 Variables
Declaración de variables
Declarar variables consiste en definir y de paso informar
al sistema de que vas a utilizar una variable. Es una
costumbre habitual en los lenguajes de programación el
definir las variables que se van a usar en los programas
y para ello, se siguen unas reglas estrictas. Javascript
se salta muchas reglas por ser un lenguaje un tanto
libre a la hora de programar y uno de los casos en los
que otorga un poco de libertad es a la hora de declarar
las variables, ya que no estamos obligados a hacerlo, al
contrario de lo que pasa en la mayoría de los lenguajes
de programación. De todos modos, es aconsejable
declarar las variables, además de una buena costumbre
y para ello Javascript cuenta con la palabra var. Como
es lógico, se utiliza esa palabra para definir la variable
antes de utilizarla.
var operando1
var operando2
6.2.2 Variables
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
6.2.2 Variables
Ambito 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. De este modo, no podremos
acceder a variables que hayan sido definidas en otra
página. Este es el ámbito más habitual de una variable y
le llamaremos a este tipo de variables globales a la
página, aunque no será el único, ya que también
podremos declarar variables en lugares delimitados.
6.2.2 Variables
Variables globales
Para declarar una variable global a la página simplemente
lo haremos en un script, con la palabra var.
<SCRIPT>
var variableGlobal
</SCRIPT>
Las variables globales son accesibles desde cualquier
lugar de la página, es decir, desde el script donde se han
declarado y todos los demás scripts de la página, incluidos
los manejadores de eventos

Variables locales
Como ejemplo, son las que estan dentro de una función. A
estas variables les llamaremos locales. Cuando se
declaren variables locales sólo podremos acceder a ellas
dentro 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.
6.2.2 Variables locales
Las variables pueden ser locales a una función, pero
también pueden ser locales a otros ámbitos, como por
ejemplo un bucle. En general, son ámbitos locales
cualquier lugar acotado por llaves.
<SCRIPT>
function miFuncion (){
var variableLocal
}
</SCRIPT>
En el script anterior hemos declarado una variable
dentro de una función, por lo que esa variable sólo
tendrá validez dentro de la función. Se pueden ver
cómo se utilizan las llaves para acotar el lugar donde
está definida esa función o su ámbito. No hay problema
en declarar una variable local con el mismo nombre que
una global, en este caso la variable global será visible
desde toda la página, excepto en el ámbito donde está
declarada la variable local ya que en este sitio ese
nombre de variable está ocupado por la local y es ella
quien tiene validez.
6.2.2 Variables
<SCRIPT>
var numero = 2
function miFuncion (){
var numero = 19
document.write(numero) //imprime 19
}
document.write(numero) //imprime 2
miFuncion() // imprime 19
</SCRIPT>

Diferencias entre utilizar var o no


Como hemos visto, en Javascript tenemos libertad para
declarar o no las variables con la palabra var, pero los
efectos que conseguiremos en cada caso serán
distintos. Cuando utilizamos var estamos haciendo que
la varible que estamos declarando sea local al ámbito
donde se declara. Por otro lado, si no utilizamos la
palabra var para declarar una variable, ésta será global
a toda la página, sea cual sea el ámbito en el que haya
6.2.2 Variables
La diferencia se puede apreciar en una función por ejemplo, ya
que si utilizamos var la variable será local a la función y si no lo
utilizamos, la variable será global a la página. Esta diferencia es
fundamental a la hora de controlar correctamente el uso de las
variables en la página, ya que si no lo hacemos en una función
podríamos sobreescribir el valor de una variable, perdiendo el
dato que pudiera contener previamente.
<SCRIPT>
var numero = 2
function miFuncion (){
numero = 19
document.write(numero) //imprime 19
}
document.write(numero) //imprime 2
//llamamos a la función
miFuncion()
document.write(numero) //imprime 19
</SCRIPT>
6.2.2 Variables
En este ejemplo, tenemos una variable global a la página
llamada numero, que contiene un 2. También tenemos
una función que utiliza la variable numero sin haberla
declarado con var, por lo que la variable numero de la
funcion será la misma variable global numero declarada
fuera de la función. En una situación como esta, al
ejecutar la función se sobreescribirá la variable numero y
el dato que había antes de ejecutar la función se perderá.
6.2.3 Tipos de Datos
En una variable podemos introducir varios tipos de
información, por ejemplo texto, números enteros o reales,
etc. A estas distintas clases de información se les conoce
como tipos de datos. Cada uno tiene características y usos
distintos, veamos cuáles son los tipos de datos de Javascript.
Números Para empezar tenemos el tipo numérico, para
guardar números como 9 o 23.6
Cadenas El tipo cadena de carácter guarda un texto. Siempre
que escribamos una cadena de caracteres debemos utilizar
las comillas (").
Boleanos Guarda una información que puede validar si (true)
o no (false).

Las variables pueden contener cosas más complicadas, como


podría ser un objeto, una función, o vacío.
6.2.3 Tipos de datos
En realidad nuestras variables no están forzadas a
guardar un tipo de datos en concreto y por lo tanto no
especificamos ningún tipo de datos para una variable
cuando la estamos declarando. Podemos introducir
cualquier información en una variable de cualquier tipo,
incluso podemos ir cambiando el contenido de una
variable de un tipo a otro sin ningún problema. Por
ejemolo

var nombre_ciudad = "Valencia"


var revisado = true
nombre_ciudad = 32
revisado = "no”

Esto puede ser una ventaja, pero a la larga puede ser


fuente de errores ya que dependiendo del tipo que son
las variables se comportarán de un modo u otro y si no
controlamos con exactitud el tipo de las variables
podemos encontrarnos sumando un texto a un número.
6.2.3 Tipos de datos
Javascript operará perfectamente, y devolverá un dato,
pero en algunos casos puede que no sea lo que
estábamos esperando.
Entonces, aunque tenemos libertad con los tipos, esta
misma libertad nos hace estar más atentos a posibles
desajustes difíciles de detectar a lo largo de los
programas.
Esto ocurriría en caso de sumar letras y números.

var sumando1 = 23
var sumando2 = "33"
var suma = sumando1 + sumando2
document.write(suma)

Este script nos mostraría en la página el texto 2333, que


no se corresponde con la suma de los dos números, sino
con su concatenación, uno detrás del otro.
6.2.3 Tipos de datos
Tipo de datos numérico En este lenguaje sólo existe un tipo de
datos numérico, al contrario que ocurre en la mayoría de los
lenguajes más conocidos. Todos los números son por tanto del
tipo numérico, independientemente de la precisión que tengan
o si son números reales o enteros. Los números enteros son
números que no tienen coma, como 3 o 339. Los números
reales son números fraccionarios, como 2.69 o 0.25, que
también se pueden escribir en notación científica, por ejemplo
2.482e12. Con Javascript también podemos escribir números
en otras bases, como la hexadecimal. Las bases son sistemas
de numeración que utilizan más o menos dígitos para escribir
los números. Existen tres bases con las que podemos trabajar
• Base 10, es el sistema que utilizamos habitualmente, el
sistema decimal. Cualquier número, por defecto, se entiende
que está escrito en base 10.
6.2.3 Tipos de datos
• Base 8, también llamado sistema octal, que utiliza dígitos
del 0 al 7. Para escribir un número en octal basta con
escribir ese número precedido de un 0, por ejemplo 045.
• Base 16 o sistema hexadecimal, es el sistema de
numeración que utiliza 16 dígitos, los comprendidos entre el
0 y el 9 y las letras de la A a la F, para los dígitos que faltan.
Para escribir un número en hexadecimal debemos escribirlo
precedido de un cero y una equis, por ejemplo 0x3EF.

Tipo boleano El tipo boleano, boolean en inglés, sirve para


guardar un si o un no o dicho de otro modo, un verdadero o
un falso. Se utiliza para realizar operaciones lógicas,
generalmente para realizar acciones si el contenido de una
variable es verdadero o falso. Si una variable es verdadero
entonces Ejecuto unas instrucciones Si no Ejecuto otras
6.2.3 Tipos de datos
Los dos valores que pueden tener las variables boleanas
son true o false.
miBoleana = true
miBoleana = false

Tipo de datos cadena de caracteres El último tipo de datos es


el que sirve para guardar un texto. Javascript 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.
miTexto = "Pepe se va a pescar"
miTexto = '23%%$ Letras & *--*’

Todo lo que se coloca entre comillas, es tratado como


una cadena de caracteres independientemente de lo que
coloquemos en el interior de las comillas.
6.2.3 Tipos de datos
Por ejemplo, en una variable de texto podemos guardar
números y en ese caso tenemos que tener en cuenta
que las variables de tipo texto y las numéricas no son la
misma cosa y mientras que las de numéricas nos sirven
para hacer cálculos matemáticos las de texto no.

Caracteres de escape en cadenas de texto.


Hay una serie de caracteres especiales que sirven para
expresar en una cadena de texto determinados controles
como puede ser un salto de línea o un tabulador. Estos
son los caracteres de escape y se escriben con una
notación especial que comienza por una diagonal
invertida ('\') y luego se coloca el código del carácter a
mostrar. Un carácter muy común es el salto de línea,
que se consigue escribiendo \n. Otro carácter muy
habitual es colocar unas comillas, pues si colocamos
unas comillas sin su carácter especial nos cerrarían las
comillas que colocamos para iniciar la cadena de
caracteres.
6.2.3 Tipos de datos
Las comillas las tenemos que introducir entonces con \" o
\' (comillas dobles o simples).

Si queremos escribir…
Salto de línea: \n
Comilla simple: \’
Comilla doble: \”
Tabulador: \t
Retorno de carro: \r
Avance de página: \f
Retroceder espacio: \b

También podría gustarte