English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutoriales básicos de JavaScript

Objetos de JavaScript

Funciones de JavaScript

HTML DOM de JS

BOM del navegador JS

Tutoriales básicos de AJAX

Manual de referencia de JavaScript

Variables de JavaScript

Las variables se utilizan para almacenar datos, como cadenas de texto, números, etc.

Las variables en JavaScript no tienen tipo adicional estándar, cualquier valor se puede almacenar en cualquier variable.

se puede configurar, actualizar y recuperar datos o valores almacenados en variables en cualquier momento. Por lo general, las variables son nombres simbólicos de valores.

Puedes usarvarLa palabra clave se usa para crear variables, mientras que el operador de asignación (=) se usa para asignar valores a las variables.

En este ejemplo, x, y y z son variables:

var x = 20;
var y = 30;
var z = x + y;
Prueba a ver‹/›

Identificadores JavaScript

Todas las variables JavaScript deben identificarse con nombres únicos.

Estos nombres únicos se conocen como identificadores.

Estas son las reglas para nombrar variables JavaScript:

  • El nombre de la variable debe comenzar con una letra, guión bajo (_) o signo dólar ($)

  • El nombre de la variable no puede comenzar con un número

  • El nombre de la variable solo puede contener caracteres alfanuméricos (A-z,0-9y guiones bajos

  • El nombre de la variable no puede contener espacios

  • El nombre de la variable no puede ser una palabra clave o palabra reservada de JavaScript

Nota: Los identificadores JavaScript distinguen entre mayúsculas y minúsculas.

Declaración de variables JavaScript

En JavaScript, la creación de variables se conoce como "declaración" de variables.

Usted utilizavarUsar la palabra clave para declarar una variable JavaScript:

var city;

Después de la declaración, la variable esundefined(sin valor).

Para asignar valores a las variables, usa el signo de igual (=):

city = "New Delhi";

También puedes asignar valores a las variables al declararlas:

var city = "New Delhi";

En el siguiente ejemplo, creamos una variable llamada city y le asignamos el valor "New Delhi".

Luego, mostramos el valor en el párrafo con id="para":

<p id="para"></p>
<script>
var city = "New Delhi";
document.getElementById("para").innerHTML = city; 
</script>
Prueba a ver‹/›

Declaración de múltiples variables

También puedes declarar múltiples variables y establecer sus valores iniciales en una sola declaración. Cada variable se separa por comas.

var x = 10, y = 15, z = 5;
Prueba a ver‹/›

Las declaraciones pueden extenderse a múltiples líneas:

var x = 10,
y = 15,
z = 5;
Prueba a ver‹/›

Reasignación de variables JavaScript

Puedes reasignar valores a las variables JavaScript.

var x = 10;
document.writeln(x);
x = 50;
document.writeln(x);
x = "Helo world";
document.writeln(x);
Prueba a ver‹/›

Redeclarar variable JavaScript

Si redeclaras una variable JavaScript, no perderá su valor.

Después de ejecutar la siguiente instrucción, la variableciudadaun tendrá el valor "New Delhi":

var city = "New Delhi";
var city;
Prueba a ver‹/›

Tipos de datos de JavaScript

Las variables de JavaScript pueden contener números (como123)y valores de texto (como "Hello World").

JavaScript puede manejar varios tipos de datos, pero ahora, solo consideremos los números y las cadenas.

JavaScript no distingue entre valores enteros y valores de coma flotante.

Las cadenas se encierran entre comillas dobles o simples. Los números no llevan comillas.

Si se agrega un número entre comillas, se considerará una cadena de texto.

const PI = 3.14;
var msg = "Hello World";
var city = 'New Delhi';
Prueba a ver‹/›

En la parte posterior de este tutorial, aprenderás más sobre los tipos de datos.

Las palabras clave let y const

ES6Introduce dos nuevas palabras claveletYconstSe utiliza para declarar variables.

letTe permite declarar variables que no están limitadas por el ámbito mencionado, la instrucción o la expresión en la que se utilizan.

La definición de ámbito de bloque significa crear un nuevo ámbito entre un par de corchetes grandes {...}。

var y = 20;
// Aquí y en 20
{
  let y = "world";  // Aquí y en "world"
}
// Aquí y en  20
Prueba a ver‹/›

constLa palabra clave declara una constante nombrada de solo lectura.

El valor de una constante no se puede cambiar mediante reasignación y no se puede declarar de nuevo.

Las constantes son de ámbito de bloque, muy similares a lasletLas variables definidas por la palabra clave.

const MY_AGE = 120;
Prueba a ver‹/›

JavaScript sin definir

undefinedEl valor indica que no se ha asignado un valor a la variable o que no se ha declarado la variable.

Después de ejecutar la siguiente instrucción, la variablecityTendrá un valorundefined:

var city;
Prueba a ver‹/›

Ámbito de las variables de JavaScript

El ámbito de una variable es el área del programa donde se define. Las variables de JavaScript solo tienen dos rangos.

  • Variables globales - Las variables globales tienen un ámbito global, lo que significa que se puede definir en cualquier lugar del código JavaScript.

  • Variables locales - Las variables locales solo son visibles dentro de la función en la que se definen.

Dentro del cuerpo de la función, las variables locales tienen prioridad sobre las variables globales con el mismo nombre. Si se declara una variable local o un parámetro de función con el mismo nombre que una variable global, se puede ocultar eficazmente la variable global.

var myVar = "global";  // Declaración de una variable global
function checkScope() {
   var myVar = "local"; // Declaración de variables locales
   document.getElementById("para").innerHTML = myVar;
}
Prueba a ver‹/›

En la parte posterior de este tutorial, aprenderás más sobre el ámbito de las variables.

Palabras reservadas de JavaScript

La siguiente tabla enumera todas las palabras reservadas de JavaScript.

No pueden usarse como variables, funciones, métodos o nombres de objetos de JavaScript.

abstractootroinstancia deinterruptor
booleanoenumenterosincronizado
interrumpirexportarinterfazeste
byteextenderlargolanzar
casofalsonativolanzar
capturarfinalnuevotransitorio
carácterfinalmentenuloverdadero
claseflotantepaqueteintento
constparaprivadotipo de
continuarfunciónprotegidovar
depuradorirpúbliconulo
por defectosivolvervolátil
eliminarimplementarcortomientras
hacerimportarestáticocon
dobleensuper