Sintaxis de JavaScript

La sintaxis de JavaScript es el conjunto de reglas según las cuales se construyen los programas JavaScript:

// How to create variables:
var x;
let y;

// How to use variables:
x = 5;
y = 6;
let z = x + y;

Valores de JavaScript

La sintaxis de JavaScript define dos tipos de valores:

  • Valores fijos
  • Valores variables

Los valores fijos se denominan literales .

Los valores variables se denominan Variables .

Literales de JavaScript

Las dos reglas de sintaxis más importantes para valores fijos son:

1. Los números se escriben con o sin decimales:

10.50

1001

2. Las cadenas son texto, escrito entre comillas dobles o simples:

"John Doe"

'John Doe'

Variables de JavaScript

En un lenguaje de programación, las variables se utilizan para almacenar valores de datos.

JavaScript utiliza las palabras clave varpara declarar variables let.const

Se utiliza un signo igual para asignar valores a las variables.

En este ejemplo, x se define como una variable. Luego, a x se le asigna (se le da) el valor 6:

let x;
x = 6;

Operadores de JavaScript

JavaScript utiliza operadores aritméticos ( + - * /) para calcular valores:

(5 + 6) * 10

JavaScript utiliza un operador de asignación ( =) para asignar valores a las variables:

let x, y;
x = 5;
y = 6;

Expresiones de JavaScript


Una expresión es una combinación de valores, variables y operadores, que se calcula como un valor.

El cálculo se llama evaluación.

Por ejemplo, 5 * 10 evalúa a 50:

5 * 10

Las expresiones también pueden contener valores variables:

x * 10


<!DOCTYPE html>

<html>

<body>

<h2>JavaScript Expressions</h2>

<p>Expressions compute to values.</p>

<p id="demo"></p>

<script>

var x;

x = 5;

document.getElementById("demo").innerHTML = x * 10;

</script>

</body>

</html>

Los valores pueden ser de varios tipos, como números y cadenas.

Por ejemplo, "John" + " " + "Doe", evalúa a "John Doe":

<!DOCTYPE html>

<html>

<body>


<h2>JavaScript Expressions</h2>


<p>Expressions compute to values.</p>


<p id="demo"></p>


<script>

document.getElementById("demo").innerHTML = "John" + " "  + "Doe";

</script>


</body>

</html>

Palabras clave de JavaScript

Las palabras clave de JavaScript se utilizan para identificar las acciones que se deben realizar.

La letpalabra clave le dice al navegador que cree variables:

let x, y;
x = 5 + 6;
y = x * 10;

La varpalabra clave también le dice al navegador que cree variables:

var x, y;
x = 5 + 6;
y = x * 10;


Comentarios de JavaScript

No todas las declaraciones de JavaScript se "ejecutan".

El código después de dos barras //o entre /**/se trata como un comentario .

Los comentarios se ignoran y no se ejecutarán:

let x = 5;   // I will be executed

// x = 6;   I will NOT be executed

Identificadores/nombres de JavaScript

Los identificadores son nombres de JavaScript.

Los identificadores se utilizan para nombrar variables, palabras clave y funciones.

Las reglas para los nombres legales son las mismas en la mayoría de los lenguajes de programación.

Un nombre de JavaScript debe comenzar con:

  • Una letra (AZ o az)
  • Un signo de dólar ($)
  • O un guión bajo (_)

Los caracteres subsiguientes pueden ser letras, dígitos, guiones bajos o signos de dólar.

JavaScript distingue entre mayúsculas y minúsculas

Todos los identificadores de JavaScript distinguen entre mayúsculas y minúsculas . 

Las variables lastNamelastname, son dos variables diferentes:

let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";

JavaScript no interpreta LET o Let como la palabra clave let .

JavaScript y Camel Case

Históricamente, los programadores han utilizado diferentes formas de unir varias palabras en un nombre de variable:

Guiones:

nombre, apellido, master-card, interurbano.

Caja de camello minúscula:

Los programadores de JavaScript tienden a utilizar el formato camel case que comienza con una letra minúscula:

Nombre, Apellido, MasterCard, InterCity.

Comentarios de JavaScript

Los comentarios de JavaScript se pueden utilizar para explicar el código JavaScript y hacerlo más legible.

Los comentarios de JavaScript también se pueden usar para evitar la ejecución cuando se prueba código alternativo.

Comentarios de una sola línea

Los comentarios de una sola línea comienzan con //.

Cualquier texto entre //y el final de la línea será ignorado por JavaScript (no se ejecutará).

Este ejemplo utiliza un comentario de una sola línea antes de cada línea de código:

// Change heading:
document.getElementById("myH").innerHTML = "My First Page";

// Change paragraph:
document.getElementById("myP").innerHTML = "My first paragraph.";

Este ejemplo utiliza un comentario de una sola línea al final de cada línea para explicar el código:

let x = 5;      // Declare x, give it the value of 5
let y = x + 2;  // Declare y, give it the value of x + 2

Comentarios de varias líneas

Los comentarios de varias líneas comienzan con /*y terminan con */.

Cualquier texto entre /**/será ignorado por JavaScript.

Este ejemplo utiliza un comentario de varias líneas (un bloque de comentarios) para explicar el código:

/*
The code below will change
the heading with id = "myH"
and the paragraph with id = "myP"
in my web page:
*/

document.getElementById("myH").innerHTML = "My First Page";
document.getElementById("myP").innerHTML = "My first paragraph.";

Uso de comentarios para evitar la ejecución

El uso de comentarios para evitar la ejecución de código es adecuado para probar código.

Agregar //delante de una línea de código cambia las líneas de código de una línea ejecutable a un comentario.

Este ejemplo utiliza // para evitar la ejecución de una de las líneas de código:

//document.getElementById("myH").innerHTML = "My First Page";
document.getElementById("myP").innerHTML = "My first paragraph.";


Comentarios

Entradas populares de este blog

1-Teclas

2-canvas

3-1-Personajes