Sintaxi y gramática básica de las variables en javascript

Sintaxi y gramática básica de las variables en javascript

Print Friendly, PDF & Email
Sintaxi y gramática básica de las variables en javascript
Valora esta entrada
Javascript es un lenguaje. Tiene una sintaxis y una gramática básicas que hay que aprender. Hoy vemos cuales son estas normas para el caso de las variables en JS.

Una variable es un recurso de memoria reservado para alojar una información. Son muy útiles e imprescindibles para la programación. Si un lenguaje no tiene variables muy probablemente no es un lenguaje de programación sino uno de marcado como el html o “descriptivo” como el CSS.

Las variables tienen un continente que puede o no almacenar un contenido. El continente es imprescindible. El contenido es optativo.

Podemos declarar una variable mediante la palabra reservada “var” seguida del nombre de la variable.

Por ejemplo

var resta; sería correcto

Esto sería la declaración de un recurso de memoria llamado resta. El punto y coma recordar que es optativo y que indica fin de instrucción. Esta variable de momento tiene el valor undefined. Javascript reserva el espacio pero todavía no sabe que información contiene.

Una de las particularidades de Javascript es que no es obligado declarar variables. Cuando se detecta un nuevo nombre este se asocia automáticamente a una nueva variable aunque no vaya precedida de la palabra var.

almacen; sería una declaración correcta no recomendada

Las buenas prácticas de programación recomiendan que declares todas las variables que vayas a usar en un programa.

Ninguna variable puede tener el nombre reservado var. Por eso la palabra var se dice que es reservada 😉

A poder ser decláralas todas en un mismo apartado según explicamos en la entrada de como programar elegantemente o como debería ser la estructura básica de un script.

Una vez declarada una variable ya no puede volverse a declarar con el mismo nombre. (a excepción de que sea una variable local dentro de una función) El navegador ya habrá reservado recursos para ese nombre de variable determinado y si lo volviéramos a declarar daría un error.

Atención:No te confundas con el concepto de variables globales y variables locales. Hablaremos de ello cuando hablemos de funciones, que en realidad no dejan de ser un script llamado desde un script.

A continuación podemos usar el signo (=) para hacer una asignación de valor a la variable. O también podemos optar por no hacer esta asignación y entonces la variable continua almacenando el valor “undefined“.

La asignación se haría de la siguiente forma:

resta = 10- 2; sería correcto

10- 2 = restasería incorrecto

El contenido del continente resta tiene el valor de hacer la operación matemática. Almacena 8.

Es importante matizar que el nombre de la variable siempre va a la izquierda de la asignación y el valor a la derecha. No se puede hacer a la inversa.

Entre el nombre de la variable y el signo igual puede haber uno o más espacios en blanco. Será correcto siempre. Lo mismo sucede entre el signo de asignación (=) y el valor de la variable en caso de que lo declaremos.

Las buenas prácticas de programación dicen que sólo pongas un espacio en blanco. Pero si porqué estás aprendiendo quieres poner más será correcto igualmente.

En una misma línea podemos declarar varias variables siempre y cuando estén separadas por coma.

var multiplicacion, suma, potencia; sería correcto

Usar varias veces la palabra var en una misma línea resultaría en un error de depuración de código al cargar el script.

var nombre, var apellido; sería incorrecto

Como regla mnemotécnica considera que la palabra var sólo se puede usar una vez por línea 😉 

var aritmetica =  var numeroA +numberoB ; sería incorrecto

Javascript diferencia las mayúsculas de las minúsculas. Es lo que se conoce como un lenguaje CASE SENSITIVE.

var apellido, Apellido; serian variables distintas.

Para el nombre de las variables se recomienda usar la nomenclatura Camel Case (joroba de camello). Consiste en que la primera letra de cada palabra será mayúscula. Y la primera de toda la variable siempre minúscula.

var nombrePersona;

Los números pueden usarse siempre y cuando no aparezcan delante de todo de una variable.

var 1nombre ; sería incorrecto

var nombre1 ; sería correcto

En los nombres de variable los únicos caracteres extraordinarios permitidos son _ y $. Cualquier otro está prohibido. Incluso el punto (.).

var %fruta ; sería incorrecto

var fruta€ ; sería incorrecto

var $fruta ; sería correcto

var _fruta ; sería correcto

Y esto sería todo. Fíjate que tiene su lógica. Si ves que la programación no es tu punto fuerte entonces tómatelo como quién aprende inglés. Es una cuestión de sintaxi y gramática… con el tiempo le verás su sentido a estas normas y las harás tuyas.

Entradas relacionadas:

Onresize window para calcular el width y el height disponibles
- 256
Explicamos como podemos obtener el ancho y la altura real disponibles de la ventana del navegador mediante Javascript puro y con jQuery
Validación de campos try catch finally en Javascript puro
- 340
Explicación teórica y ejemplo práctico del uso de las instrucciones try + throw, catch y finally en javascript. Utilizamos esta estructura para validar un campo en un formulario. Sin embargo se puede ...
Introducción a los eventos javascript
- 277
Repasamos las distintas formas que existen de asociar eventos javascript a etiquetas html. Ya sea por acoplamiento directo o como evento semántico. Comparamos también con addEventListener()
Ejercicio – ¿En qué día de la semana estamos?
- 67
Problema javascript que devuelve en formato texto el día de la semana en el que esamos. Incluye 2 posibles soluciones con switch() y array.
Ejercicio – El pokemon corredor
- 32
Ejercicio con solución dónde se usa setInterval y el posicionamiento relativo y absoluto de una caja html. Serie de ejercicios javascript.
Crear, modificar, eliminar y detectar cookies con Javascript
- 808
En esta entrada explicamos los tipos de cookies que existen y mostramos una biblioteca de funciones que nos permite crear, modificar, eliminar y detectar cookies con javscript.
Instrucción “this” de Javascript explicada paso a paso
- 199
Ejemplo explicado paso a paso para entender el concepto del this en javascript. Se empieza con el javascript en línea en el html para finalmente inicializar los eventos llamándolos directamente desde ...
Instrucciones básicas para familiarizarse con javascript
- 381
El javascript es un lenguaje que se olvida a una velocidad de vértigo si no se practica. Es importante tener unos buenos apuntes 😉 Hoy presento instrucciones básicas que sirven para empezar con scrip...
La etiqueta noscript
- 248
El desconocimiento hace que a menudo muchos usuarios decidan desactivar la opción de que nuestra navegador acepte y/o interprete este lenguaje de script. ¿Que podemos hacer para avisar a los usuarios ...
Ejercicio – Generación iterativa de encabezados html
- 58
Ejercicio dónde se generan los encabezados h1 a h6 mediante javascript. Incluye solución.
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.