Está en la página 1de 15

JAVASCRIPT

ESTRUCTURA DEL JAVASCRIPT DENTRO


DEL DOCUMENTO DE HTML

Para añadir JavaScript a una página web, todo lo que tienes que hacer es
incrustar código JavaScript en un archivo HTML. Tienes dos opciones
cuando se trata de la incorporación de código JavaScript en un archivo
HTML:
1º Puedes utilizar las etiquetas <script> y </ script> para incluir código
JavaScript directamente en un archivo HTML.
2º También puedes utilizar las etiquetas <script> y </ script> para incluir un
archivo externo independiente de JavaScript (un archivo que contiene solo
declaraciones en JavaScript y tienen una extensión .js) en un archivo HTML.
1. INCLUIR JAVASCRIPT EN EL MISMO
DOCUMENTO HTML

Dependiendo de dónde agregues el código JavaScript en tu archivo HTML,


la carga será diferente. Por lo general se recomienda agregarlo en la
sección <head> para que permanezca separado del contenido de tu
archivo HTML. Pero colocarlo dentro de <body> puede ayudar a mejorar la
velocidad de carga, ya que el contenido del sitio web se cargará más
rápido, y solo después de eso se procesará el JavaScript
2. AGREGAR CÓDIGO JAVASCRIPT A UN
ARCHIVO SEPARADO
Cuando los códigos HTML y JavaScript están separados, se cumple el
principio de diseño de separación y hace que todo sea mucho más
sostenible y reutilizable.
La legibilidad y el mantenimiento del código es mucho más fácil.
Los archivos JavaScript en caché mejoran el rendimiento general del sitio
web al disminuir el tiempo que tardan las páginas en cargarse.
SINTAXIS DE UNA LÍNEA EN
JAVASCRIPT
El lenguaje JavaScript tiene una sintaxis muy parecida a la de Java por
estar basado en él. También es muy parecida a la del lenguaje C, de modo
que si el lector conoce alguno de estos dos lenguajes se podrá manejar
con facilidad con el código.
COMENTARIOS EN EL CÓDIGO

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.
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, ya sea de sintaxis o de referencia indefinida.
Por regla general, los nombres de las cosas en JavaScript se escriben
siempre 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.
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 como Java o C obligan a
utilizarlas y nos estaremos acostumbrando a realizar una sintaxis más parecida a la
habitual en entornos de programación avanzados.
ESTRUCTURA Y LA SINTAXIS - IF

IF es una estructura de control utilizada para tomar decisiones. Es un


condicional que sirve para realizar unas u otras operaciones en función de una
expresión. Funciona de la siguiente manera, primero se evalúa una expresión, si
da resultado positivo se realizan las acciones relacionadas con el caso positivo.
LA SINTAXIS DE LA ESTRUCTURA IF ES LA SIGUIENTE:

IF (EXPRESIÓN) {
//ACCIONES A REALIZAR EN CASO POSITIVO
//...
}
PARA EMPEZAR VEMOS COMO CON UNAS LLAVES
ENGLOBAN LAS ACCIONES QUE QUEREMOS REALIZAR EN
CASO DE QUE SE CUMPLAN O NO LAS EXPRESIONES.
ESTAS LLAVES HAN DE COLOCARSE SIEMPRE, EXCEPTO
EN EL CASO DE QUE SÓLO HAYA UNA INSTRUCCIÓN COMO
ACCIONES A REALIZAR, QUE SON OPCIONALES.
ESTRUCTURA Y LA SINTAXIS PARA
WHILE EN JAVASCRIPT
La estructura while propiamente dicha, permite
formar un bucle en el que una serie de
sentencias se repiten mientras se cumpla una
condición.
Sintaxis
while (condicion)
sentencia
CONDICIÓN:
UNA EXPRESIÓN QUE SE EVALÚA ANTES DE CADA PASO
DEL BUCLE. SI ESTA CONDICIÓN SE EVALÚA COMO
VERDADERA, SE EJECUTA SENTENCIA. CUANDO LA
CONDICIÓN SE EVALÚA COMO FALSE, LA EJECUCIÓN
CONTINÚA CON LA SENTENCIA POSTERIOR AL BUCLE
WHILE.

SENTENCIA:
UNA SENTENCIA QUE SE EJECUTA MIENTRAS LA
CONDICIÓN SE EVALÚA COMO VERDADERA. PARA
EJECUTAR MÚLTIPLES SENTENCIAS DENTRO DE UN
BUCLE, UTILIZA UNA SENTENCIA BLOCK ({ ... }) PARA
AGRUPAR ESAS SENTENCIAS.
ESTRUCTURA Y LA SINTAXIS PARA FOR
EN JAVASCRIPT
El bucle FOR se utiliza para repetir una o más
instrucciones un determinado número de veces. De
entre todos los bucles, el FOR se suele utilizar cuando
sabemos seguro el número de veces que queremos que
se ejecute. La sintaxis del bucle for se muestra a
continuación.
Sintaxis
for ([expresión-inicial]; [condición]; [expresión-
final])sentencia
EXPRESIÓN-INICIAL:
UNA EXPRESIÓN (INCLUYENDO LAS EXPRESIONES DE ASIGNACIÓN)
O LA DECLARACIÓN DE VARIABLE. TÍPICAMENTE SE UTILIZA PARA
USARSE COMO VARIABLE CONTADOR. ESTA EXPRESIÓN PUEDE
OPCIONALMENTE DECLARAR NUEVAS VARIABLES CON LA PALABRA
CLAVE VAR. ESTAS VARIABLES NO SON LOCALES DEL BUCLE, ES
DECIR, ESTÁN EN EL MISMO ALCANCE EN EL QUE ESTÁ EL BUCLE
FOR. EL RESULTADO DE ESTA EXPRESIÓN ES DESCARTADO.

CONDICIÓN:
UNA EXPRESIÓN PARA SER EVALUADA ANTES DE CADA ITERACIÓN
DEL BUCLE. SI ESTA EXPRESIÓN SE EVALÚA COMO VERDADERA, SE
EJECUTA SENTENCIA. ESTA COMPROBACIÓN CONDICIONAL ES
OPCIONAL. SI SE OMITE, LA CONDICIÓN SIEMPRE SE EVALÚA COMO
VERDADERA. SI LA EXPRESIÓN SE EVALÚA COMO FALSA, LA
EJECUCIÓN SALTA A LA PRIMERA EXPRESIÓN QUE SIGUE AL
CONSTRUCTOR DE FOR.
EXPRESIÓN-FINAL:
UNA EXPRESIÓN PARA SER EVALUADA AL FINAL DE CADA
ITERACIÓN DEL BUCLE. ESTO OCURRE ANTES DE LA
SIGUIENTE EVALUACIÓN DE LA CONDICIÓN.
GENERALMENTE SE USA PARA ACTUALIZAR O
INCREMENTAR LA VARIABLE CONTADOR.

SENTENCIA:
UNA SENTENCIA QUE SE EJECUTA MIENTRAS LA
CONDICIÓN SE EVALÚA COMO VERDADERA. PARA
EJECUTAR MÚLTIPLES SENTENCIAS DENTRO DEL
BUCLE, UTILICE UNA SENTENCIA BLOCK ({ ... }) PARA
AGRUPAR AQUELLAS SENTENCIAS.

También podría gustarte