Declaraciones de JavaScript

Aprenda los conceptos básicos de las declaraciones de JavaScript

Si las expresiones son unidades únicas de JavaScript que el motor puede evaluar, las declaraciones pueden contener una o más expresiones diferentes y el motor las ejecuta para realizar una operación.

Los programas están compuestos por múltiples declaraciones. Las declaraciones pueden abarcar varias líneas.

Al igual que con las expresiones, JavaScript tiene un conjunto de declaraciones completamente diferente:

  • declaraciones de expresión
  • declaraciones de declaración
  • declaraciones de flujo de control
  • declaraciones de bucle
  • declaraciones misceláneas

Profundicemos en los detalles.

Declaraciones de separación

Las declaraciones pueden terminar con un punto y coma opcional;. Usándolo, puede tener múltiples declaraciones en una sola línea. Normalmente no uso punto y coma, pero puede usarlo siempre que finalice una declaración.

Declaraciones de expresión

Una expresión por sí sola también es una declaración:

2
0.02
'something'
true
false
this //the current scope
undefined
i //where i is a variable or a constant
1 / 2
i++
i -= 2
i * 2
'A ' + 'string'
[] //array literal
{} //object literal
[1,2,3]
{a: 1, b: 2}
{a: {b: 1}}
a && b
a || b
!a
object.property //reference a property (or method) of an object
object[property]
object['property']
new object()
new a(1)
new MyRectangle('name', 2, {a: 4})
function() {}
function(a, b) { return a * b }
(a, b) => a * b
a => a * 2
() => { return 2 }
a.x(2)
window.resize()

Declaraciones de declaraciones

Con una declaración de declaración, asigna un valor a un nombre de variable.

Ejemplos:

var i = 0
let j = 1
const k = 2

//declare an object value const car = { color: blue }

Aquí están las declaraciones de funciones:

//declare a function
function fetchFromNetwork() {
  //...
}
//or
const fetchFromNetwork = () => {
  //...
}

Declaraciones de flujo de control

Las declaraciones se pueden agrupar mediante un bloque:

{
  //this is a block
  const a = 1;
  const b = 2;
}

Con esta sintaxis, puede tener varias declaraciones siempre que JavaScript espera una sola declaración.

Tenga en cuenta que cualquiera de las sentencias de flujo de control condicional verifica una expresión y, dependiendo de ella, ejecutan una sentencia o un bloque:

if (condition === true) {
  //execute this block
} else {
  //execute this block
}

Puede omitir las llaves si solo tiene una declaración:

if (condition === true) /* statement */ else /* another statement */

Entraré en todas las diferentes estructuras de flujo de control en las siguientes secciones.

Declaraciones de bucle

Los bucles funcionan de manera similar alifejemplo anterior.

Algunos bucles comprueban una expresión y repiten la ejecución de una declaración hasta que esa expresión se evalúa como verdadera.

Algunos otros bucles iteran sobre una lista y ejecutan una declaración (o bloque) para cada elemento de la lista, hasta que finaliza la lista.

Ver mi completoTutorial de bucles de JavaScript.

Declaraciones misceláneas

return <expression>

Esta declaración devuelve un valor de una función, finalizando la ejecución de la función.

throw <expression>

Lanza una excepción (luego veremos qué es una excepción)

tryycatch

Se utiliza un bloque try / catch para detectar excepciones. Nuevamente, veremos los aplicados más adelante.

try {

} catch (<expression>) {

}

use strict

Esta declaración se aplicaModo estricto.

debugger

Agrega un punto de interrupción que eldepuradorpuedo usar.


Más tutoriales de js: