Variables de JavaScript

Variables de JavaScript

Las variables de JavaScript son contenedores de valores de datos.

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

Ejemplo

var x = 7;
var y = 8;
var z = x + y;

Prueba por tu cuenta

A partir del ejemplo anterior, puede obtener:

  • x almacena el valor 7
  • y almacena el valor 8
  • z almacena el valor 15

Al igual que en la álgebra

En este ejemplo, price1, price2 y total son variables:

Ejemplo

var price1 = 7;
var price2 = 8;
var price3 = 12;
var total = price1 + price2 + price3;

Prueba por tu cuenta

En la programación, al igual que en la álgebra, usamos variables (como price1) para almacenar valores.

En la programación, al igual que en la álgebra, usamos variables en las expresiones (total = price1 + price2).

A partir del ejemplo anterior, puede calcular que el valor de total es 27.

Consejo:Las variables de JavaScript son contenedores de valores de datos.

Identificadores de JavaScript

todos los identificadores de JavaScript variabledeben comenzar connombres únicosdelIdentificación.

Estos nombres únicos se llamanIdentificador.

Los identificadores pueden ser nombres cortos (como x y y), o nombres más descriptivos (age, sum, totalVolume).

La regla general para construir nombres de variables (identificadores únicos) es:

  • los nombres pueden contener letras, números, guiones bajos y símbolos de dólar
  • los nombres deben comenzar con una letra
  • los nombres también pueden $ y _ puede comenzar con (pero en este tutorial no haremos eso)
  • Los nombres son sensibles a mayúsculas y minúsculas (y y Y son variables diferentes)
  • Las palabras reservadas (como las palabras clave de JavaScript) no pueden usarse como nombres de variables

Consejo:Los identificadores de JavaScript son sensibles a mayúsculas y minúsculas.

operador de asignación

En JavaScript, el signo de igual (=es el operador de asignación, no el operador de igualdad.

Esto difiere de la álgebra. El siguiente código no es razonable en la álgebra:

x = x + 5

Sin embargo, en JavaScript, es muy razonable: asignar el valor de x + 5 a x.

(Calcular el valor de x + 5 y poner el resultado en x. El valor de x aumenta 5.).

Notas:El operador de 'igual que' en JavaScript es ==.

Tipos de datos de JavaScript

Las variables de JavaScript pueden almacenar valores numéricos, como 100, y valores de texto, como "Bill Gates".

En la programación, los valores de texto se denominan cadenas.

JavaScript puede manejar varios tipos de datos, pero por ahora, nos enfocamos en los valores numéricos y de cadena.

Las cadenas de texto se encierran entre comillas dobles o simples. Los números no necesitan comillas.

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

Ejemplo

var pi = 3.14;
var person = "Bill Gates";
var answer = 'How are you!';

Prueba por tu cuenta

Declaración (creación) de variables de JavaScript

En JavaScript, la creación de variables se llama 'declarar' variables.

Usted puede var Palabras clave para declarar variables de JavaScript:

var carName;

Después de la declaración, la variable no tiene valor. (Técnicamente, su valor es undefined。）

ParaasignaciónPara asignar a una variable, utilice el signo de igual:

carName = "porsche";

Usted puede asignar un valor a la declaración de variables:

var carName = "porsche";

En el ejemplo anterior, creamos la variable llamada carName y le asignamos el valor "porsche".

Luego, 'salimos' ese valor en el párrafo HTML con id="demo":

Ejemplo

<p id="demo"></p>
<script>
var carName = "porsche";
document.getElementById("demo").innerHTML = carName; 
</script>

Prueba por tu cuenta

Consejo:

Es una buena práctica declarar todas las variables al inicio del script!

Una instrucción, múltiples variables

Usted puede declarar muchas variables en una sola instrucción. var Como inicio de una instrucción, y concomaSeparar variables:

var person = "Bill Gates", carName = "porsche", price = 15000;

Prueba por tu cuenta

La declaración puede abarcar múltiples líneas:

var person = "Bill Gates",
carName = "porsche",
price = 15000;

Prueba por tu cuenta

Value = undefined

En los programas de computadora, las variables declaradas a menudo no tienen valor. El valor puede ser el contenido que debe ser calculado o los datos proporcionados posteriormente, como la entrada de datos.

Las variables sin valor, su valor será undefined.

El valor de la variable carName después de ejecutar esta sentencia es undefined:

Ejemplo

var carName;

Prueba por tu cuenta

Declaración repetida de variables JavaScript

Si se declara nuevamente una variable de JavaScript, no se perderá su valor.

Después de ejecutar estas dos sentencias, el valor de la variable carName sigue siendo "porsche":

Ejemplo

var carName = "porsche";
var carName;

Prueba por tu cuenta

Operaciones aritméticas de JavaScript

Al igual que en álgebra, puedes realizar operaciones aritméticas con variables de JavaScript utilizando = y + operadores como:

Ejemplo

var x = 3 + 5 + 8;

Prueba por tu cuenta

Las cadenas también pueden usar el símbolo de suma, pero las cadenas se concatenarán:

Ejemplo

var x = "Bill" + " " + "Gates";

Prueba por tu cuenta

También puedes probar esto:

Ejemplo

var x = "8" + 3 + 5;

Prueba por tu cuenta

Consejo:Si se colocan los valores numéricos entre comillas, el resto de los valores se considerarán cadenas y se concatenarán.

Prueba esto:

Ejemplo

var x = 3 + 5 + "8";

Prueba por tu cuenta

Lectura complementaria

Tutoriales avanzados de JavaScript: Sintaxis de ECMAScript, Variables de ECMAScript