1. SINTAXIS DEL LENGUAJE: La sintaxis de un lenguaje de programación es el conjunto de reglas y
parámetros que deben seguirse al redactar el código de los programas para
que pasen a ser considerados como correctos y aceptables para ese lenguaje.
• No importan las nuevas líneas y los espacios en blanco al igual
que sucede en HTML ya que el propio intérprete del lenguaje los
ignora.
• Es case sensitive: Distingue entre las mayúsculas y minúsculas
• En contra de otros lenguajes de programación no se definen el
tipo de las variables (var).
En JavaScript nunca sabemos el tipo
de datos que va a contener una variable por lo que una misma
variable puede almacenar diferentes tipos de datos.
• Cada sentencia en JavaScript acaba con el carácter; (punto
y coma) Aunque no en necesario ya que el intérprete lee
cada sentencia aunque no exista este carácter. Por convenio
deberíamos incluirlo.
• Existe la opción de incluir comentarios para añadir información
en el código fuente del programa. Estos comentarios suelen
servir para dar información al propietario del código u otro
desarrollador sobre el contenido del bloque de código en
JavaScript. Los comentarios pueden ser de una sola línea o de
varias líneas (en bloque)
1.1 VARIBALES: Las variables de los lenguajes de desarrollo siguen una lógica
similar a las variables utilizadas en otras ciencias como las físicas
o las matemáticas. Una variable es un contenedor que se usa para
almacenar y hacer referencia a otro valor.
De la misma manera que si en Física no existieran las variables no se
podrían definir las fórmulas, en los lenguajes de programación no se
podrían redactar códigos útiles sin las variables.
Sin las variables sería imposible escribir y crear “programas
genéricos”, es decir, códigos que funcionan de la misma manera
independientemente de los valores concretos usados.
Si no se usaran variables, un código que suma dos números podría
redactarse como:
res = 4 + 2
El código anterior es inútil ya que sólo sirve para el caso en el que
el primer número de la suma sea igual a 4 y el segundo número sea
igual a 2. En otras opciones, el código obtiene un res incorrecto.
Por otro lado, el código se puede reescribir de la siguiente forma
usando variables para almacenar y referenciarse a cada número:
Los elementos num_1 y num_2 son variables que retienen los
valores que utiliza el código. El res se halla siempre en función del
valor retenido por las variables, por lo cual, este código funciona de
manera correcta para cualquier par de números que indiquemos. Si
se varía el valor de las variables num_1 y num_2, el código sigue
trabajando correctamente.
num_1 = 4
num_2 = 2
res = num_1 + num_2
Las variables en JavaScript se utilizan mediante la palabra
reservada ‘var’.
var num_1 = 4;
var num_2 = 2;
var res = num_1 + num_2;
La palabra ‘var’ solamente se indica al definir por primera vez la
variable, y a eso lo llamamos ‘declarar’ una variable. Cuando se
declara una variable no hace falta declarar también el tipo de dato
que va a almacenar esa variable.
Si en el momento de declarar una variable se le otorga también
un valor, se dice que la variable ha sido inicializada. En JavaScript
no es obligatorio inicializar las variables, por lo que pueden ser
inicializadas posteriormente.
var num_1;
var num_2;
num_1 = 4;
num_2 = 2;
var res = num_1 + num_2;
Podemos utilizar una variable no declarada en cualquier sentencia
de código. Esta es una de las habilidades más sorprendentes de
JavaScript y que muchos otros lenguajes de programación no
tienen. JavaScript creará una variable global para esta variable no
declarada y la asigna el valor que le corresponda por el código.
num_1 = 4;
num_2 = 2;
res = num_1 + num_2;
De cualquier otra forma, es recomendable declarar todas las
variables que se vayan a usar.
El nombre de una variable también se le conoce como identificador
y debe cumplir la siguiente normativa:
• El identificador únicamente puede estar formado por números,
letras, y los símbolos ‘$’ y ‘_’ a lo sumo.
• El primer carácter del identificador no debe ser un número.
1.2 TIPOS DE DATOS
- NUMÉRICOS: Se usan para contener valores numéricos enteros (llamados integer) o decimales (llamados float). De esta manera, el valor que se asigna a la variable se realiza indicando directamente el número entero o decimal. Los números decimales utilizan el carácter ‘.’ en vez de ‘,’ para realizar la separación entre la parte entera y la parte decimal:
var entero = 99; // variable tipo entero
var decimal = 9384.23; // variable tipo decimal
- CADENAS DE TEXTO: Se usan para contener caracteres, palabras y/o frases de texto. Para darle el valor a la variable, se encierran los valores entre comillas dobles o simples, que delimitan el inicio y el final de la frase, caracteres o palabras:
var sms = “Welcome to our city!”;
var nomProducto = ‘Escoba’;
var letter = ‘e’;A veces el texto que contienen estas variables no es tan fácil. Si el propio texto encerrado entre comillas dobles o simples tiene comillas dobles o simples que deben aparecer como parte del valor se haría así:/* Comillas simples dentro de comillas dobles*/
var text1 = “Una frase con ‘comillas simples’ dentro”;
/* Comillas dobles dentro de comillas simples*/
var text2 = ‘Una frase con “comillas dobles” dentro’;A veces, hacen falta caracteres especiales para definir un cambio de línea dentro del texto de nuestra variable, o incluso, quizás queramos meter comillas simples y dobles a la vez dentro de nuestra sentencia.
De esta manera, podemos rehacer el ejemplo anterior:var text1 = ‘Una frase con \’comillas simples\’ dentro’;
var text2 = “Una frase con \”comillas dobles\” dentro”;Este mecanismo de JavaScript se denomina “mecanismo de escape” o “caracteres de escape”
- ARRAYS: También llamados vectores o matrices. Sin embargo, la denominación ‘array’ es la más utilizada y es un término comúnmente aceptado en el entorno de desarrollo. Un array es una colección de variables, sin importar los tipos de los que sean cada una. Los arrays sirven para guardar colecciones de valores, de manera que serviría para agrupar diferentes variables. Por ejemplo tenemos esta sucesión de variables con los días de la semana:
var dia1 = “Lunes”;
var dia2 = “Martes”;
...
var dia7 = “Domingo”;
El código anterior es correcto aparte de poco eficiente y que complica el desarrollo de nuestra programación. Variando el ejemplo anterior podemos disponerlo de la siguiente forma:
var diasSemana = [“Lunes”, “Martes”, “Miércoles”, “Jueves”, “Viernes”, “Sábado”, “Domingo”];
Hemos definido una única variable (diasSemana) que agrupa un conjunto de valores de variables (los propios días de la semana, que son cadenas). Por tanto la manera de crear o escribir un array es con el contenido entre corchetes ([ ]) y separando cada valor de nuestra variable por una coma (no se pone una coma en el elemento final de nuestro array):var nombre_array = [valor1, valor2, ..., valorN];Ya que tenemos definido nuestro primer array, podemos sacar algunos de sus valores de su interior de esta manera:
var diaSeleccionado = diasSemana [0];// diaSeleccionado = “Lunes”
var otroDia = diasSemana [5]; // otroDia = “Sábado”La posición 0 del array sería el primer elemento del array (sea cual fuere) y el elemento del array que estaría en la sexta posición sería el elemento 5. Esto sucede porque los índices o posiciones dentro de un array empiezan con el elemento 0 y de ahí en adelante.Finalmente debemos advertir que los array tampoco están tipados (no se les asigna un tipo) por lo que podemos meter elementos de cualquier tipo dentro del mismo array.
- BOOLEANOS: Las variables de tipo booleano también son llamadas o denominadas con el nombre de variables de tipo lógico. Estas variables suelen servir para condiciones o para la programación lógica. Una variable este tipo solo puede almacenar dos valores: true (verdadero) o false (falso).
var register = false;
var mayorEdad = true;