Declaración de variables, sintaxis y comentarios en JavaScript
En este artículo explicaremos el modo en que deben ser declaradas las variables, la sintaxis básica de JavaScript y como aplicar comentarios internos en nuestro código. Los operadores son una de las bases más importantes en todo lenguaje de programación y es imprescindible tener claro su modo de empleo.
1.Declaración de variables
Las variables, como creemos haber comentado en artículos sobre otros lenguajes, son contenedores de información como podría ser un nombre, un número, una fecha,… Estas variables pueden relacionarse entre si uniendo por ejemplo palabras, sumando o restando números, etc.
1.1 Conceptos generales
JavaScript es considerado un lenguaje bajamente tipado, así pues, no nos veremos obligados a definir manualmente el tipo de variable que estemos declarando. El tipo de valor que se asigna a la variable (Texto, número entero,…) se define automáticamente una vez asignemos un valor a la variable.
Para entender fácilmente como se declaran variables únicamente tendremos que pensar en matemáticas o álgebra, la forma de definirlas es exactamente igual pero agregando la palabra var antes de la asignación.
Ejemplo 1: Si queremos que la variable x tenga un valor inicial de 2 haremos lo siguiente:
var x = 2;
Ejemplo 2: Si queremos que la variable nombre tenga un valor inicial de Federico haremos lo siguiente:
var nombre = «Federico»;
Nota: El mismo código no debe contener declaraciones de variables con el mismo nombre, es decir, no se debería hacer lo siguiente:
var variableejemplo1= 2;
var variableejemplo1= 5;
1.2 Normas generales en declaración de variables
- Los nombres de variables pueden contener letras, dígitos, barras bajas «_» y simbolo dollar «$«.
- Los nombres de variables deben empezar por una letra.
- Los nombres de variables pueden empezar también por el simbolo dollar «$«.
- Los nombres de variables distinguen mayúsculas de minúsculas, así pues, no será lo mismo mivariable que MIVARIABLE.
- Existen palabras reservadas que no pueden ser usados como variables
2. Sintaxis JavaScript
La sintaxis de JavaScript es el conjunto de reglas a través del cual este lenguaje define como los programas son construidos. A continuación os mostraremos las reglas existentes agrupadas:
2.1 Identificadores HTML en JavaScript
Elementos comunes de HTML como textos, links, botones, tablas, div,… pueden ser identificados de forma única incluyendo en nuestro html en cada objeto la propiedad id=»», encontraréis algunos ejemplos en los siguientes puntos de este mismo artículo.
2.2 Declaración de literales
Los literales son valores que no se encuentran asignados a variables y pueden ser de tipo Número o Texto. Los literales numéricos pueden ser declarados con o sin decimales y los literales de texto pueden ser definidos entre comillas dobles » o simples ‘.
Ejemplo con número:
<!DOCTYPE html>
<html>
<body>
<p>Numero con decimales.</p>
<p id=»Num»></p>
<script>
document.getElementById(«Num»).innerHTML = 20.3;
</script>
</body>
</html>
Ejemplo con texto:
<!DOCTYPE html>
<html>
<body>
<p>Texto con comillas simples.</p>
<p id=»Txt1″></p>
<script>
document.getElementById(«Txt1»).innerHTML = ‘Federico de los palotes’;
</script>
</body>
</html>
2.3 Declaración de variables
La asignación de valores a variables se lleva a cabo a través del operador «=».
<!DOCTYPE html>
<html>
<body>
<p>Mostramos valor de x: </p>
<p id=»var1″></p>
<p>Mostramos valor de y: </p>
<p id=»var2″></p>
<script>
var x;
x = 6;
var y = 10;
document.getElementById(«var1»).innerHTML = x;
document.getElementById(«var2»).innerHTML = y;
</script>
</body>
</html>
2.4 Uso de operadores
JavaScript usa operadores aritméticos (+, -, *,…) y el símbolo de igualación = para almacenar el resultado.
<!DOCTYPE html>
<html>
<body>
<p>Uso de operadores mostrando solo resultado</p>
<p id=»Oper1″></p>
<script>
document.getElementById(«Oper1»).innerHTML = (2 + 3) * 5;
</script>
</body>
</html>
2.5 Comentarios
Existe la posibilidad de usar comentarios u observaciones internos para clarificar a los programadores el uso de una función, variable o lógica usada. Para que una línea sea considerada como un comentario deberá ir precedida de //, en caso de desear comentar varias líneas usaremos /* e indicaremos el fin del comentario con */.
<!DOCTYPE html>
<html>
<body>
<p id=»Ejemplo1″></p>
<script>
/*Todo este comentario de varias líneas nos servirá
para agregar observaciones,…*/
var x;
x = 6;
// x = 10; Esta línea de asignación de variable tampoco se usará al estar comentada
document.getElementById(«Ejemplo1»).innerHTML = x;
</script>
</body>
</html>
Con esto terminamos esta segunda parte de programación con JavaScript. Esperamos que os haya gustado! practicad! practicad! 🙂
