Variables en JavaScript
En este artículo veremos las diferentes maneras de declarar variables en JavaScript, pero primero veamos que es una variable. Una variable es un contenedor que almacena un valor(esto es una definición resumida para entender esto rápidamente).
Declaración:
Para declarar una variable tenemos las siguientes palabras clave: var y let
En un principio JavaScript solo usaba var, let fue agregado después con algunas diferencias de var.
let
declara una variable de ámbito local para el bloque donde se encuentre, opcionalmente inicializada con un valor.
let soylocal ="hola";
function multiplica(num1,num2) { let resultado = num1 * num2; return resultado; }
var
Declara una variable de alcance global o función, opcionalmente inicializada con un valor. Sinceramente como está explicado esto no me agrada, ya que en una función podemos tener una variable let.
![memegenerator.es](https://cdn.memegenerator.es/imagenes/memes/full/30/31/30319789.jpg)
Veamos unos ejemplos asi esto queda mas entendible.
var soyunavariable; soyunavariable = "hola mundo"; alert('hola mundo');
En este ejemplo veremos lo de función y en mi opinión se refiere a que la uses cuando haces esta clase de cosas en JavaScript
var unafuncion = function(){ alert('hola mundo'); } unafuncion();
Tipos de Datos:
La siguiente tabla es directamente una tradición de la tabla de mozilla developers – javascript basics
Variable | Explanation | Example |
---|---|---|
String | Es una secuencia de texto, en este caso se encuentra entre ‘ ‘ la cual es bob | let myVariable = 'Bob'; |
Number | un número | let myVariable = 10; |
Boolean | valor booleano en este caso puede ser verdadero o falso, true y false son palabras especiales | let myVariable = true; |
Array | esta estructura te permite agregar multiples valores en una sola referencia | let myVariable = [1,'Bob','Steve',10]; Refer to each member of the array like this: myVariable[0] , myVariable[1] , etc. |
Object | Todo en javascript es un objeto y puede ser almacenado en una variable. | let myVariable = document.querySelector('h1'); All of the above examples too. |