MEJOR SITIO PARA DESARROLLADORES WEB

JS Tutorial

JS HOGAR JS Introducción JS A donde JS Producción JS Declaraciones JS Sintaxis JS Comentarios JS Variables JS Let JS Const JS Operadores JS Aritmética JS Asignación JS Tipos de datos JS Funciones JS Objetos JS Eventos JS Cadenas JS Métodos de cadena JS Búsqueda de cadenas JS Plantillas de cadenas JS Números JS Métodos numéricos JS Matrices JS Métodos de matriz JS Clasificación de matrices JS Iteración de matriz JS Array Const JS Fechas JS Formatos de fecha JS Métodos de obtención de fecha JS Métodos de configuración de fechas JS Math JS aleatorio JS Booleanos JS Comparaciones JS If Else JS Switch JS Bucle For JS Bucle For In JS Bucle For Of JS Bucle While JS Break JS Iterables JS Conjuntos JS Maps JS Tipo de JS Conversión de tipo JS Bitwise JS RegExp JS Errores JS Alcance JS Hoisting JS Modo estricto JS this palabra clave JS Función de flecha JS Clases JS Módulos JS JSON JS Depuración JS Guía de estilo JS Mejores prácticas JS Errores JS Rendimiento JS Palabras reservadas

JS Versiones

JS Versiones JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021/2022 JS IE / Edge JS Historia

JS Objetos

Objeto Definiciones Objeto Propiedades Objeto Métodos Objeto Display Objeto Accesorios Objeto Constructores Objeto Prototipos Objeto Iterables Objeto Conjuntos Objeto Mapas Objeto Referencia

JS Funciones

Función Definiciones Función Parámetros Función Invocación Función Llamar Función Aplicar Función Unir Función Cierres

JS Clases

Clase Introducción Clase Herencia Clase Estático

JS Asíncrono

JS Devoluciones de llamada JS Asincrónico JS Promesas JS Async/Await

JS HTML DOM

DOM Introducción DOM Métodos DOM Documento DOM Elementos DOM HTML DOM Formularios DOM CSS DOM Animaciones DOM Eventos DOM Oyente de eventos DOM Navegación DOM Nodos DOM Colecciones DOM Listas de nodos

JS Navegador BOM

JS Ventana JS Pantalla JS Ubicación JS Historia JS Navegador JS Alerta emergente JS Momento JS Cookies

JS Web APIs

Web API Introducción API de formularios web API de historial web API de almacenamiento web API de trabajador web API de recuperación web API de geolocalización web

JS AJAX

AJAX Introducción AJAX XMLHttp AJAX Pedido AJAX Respuesta AJAX XML Archivo AJAX PHP AJAX ASP AJAX Base de datos AJAX Aplicaciones AJAX Ejemplos

JS JSON

JSON Introducción JSON Sintaxis JSON vs XML JSON Tipos de datos JSON Analizar JSON Stringificar JSON Objetos JSON Matrices JSON Servidor JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery Selectores jQuery HTML jQuery CSS jQuery DOM

JS Gráficos

JS Gráficos JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS Ejemplos

JS Ejemplos JS HTML DOM JS HTML Input JS HTML Objetos JS HTML Eventos JS Navegador JS Editor JS Ejercicios JS Prueba JS Bootcamp JS Certificado

JS Referencias

JavaScript Objetos HTML DOM Objetos

JavaScript. W3Schools en español. Lecciones para principiantes

Ua En De Fr

JavaScript Declaraciones


"Ten el coraje de seguir tu corazón y tu intuición.
De alguna manera, ellos ya saben lo que realmente quieres llegar a ser."

Steve Jobs


Declaración es un elemento del lenguaje que define una descripción completa de una acción a realizar. Cada instrucción es una frase completa del lenguaje de programación y define una determinada etapa completa del procesamiento de datos.


Ejemplo

let x, y, z;    // Declaración 1
x = 5;          // Declaración 2
y = 6;          // Declaración 3
z = x + y;      // Declaración 4
Inténtalo tú mismo »

JavaScript Programas

Un programa informático es una lista de "instrucciones" que una computadora debe "ejecutar".

En un lenguaje de programación, estas instrucciones de programación se denominan declaraciones.

Un programa JavaScript es una lista de declaraciones de programación.

En HTML, el navegador web ejecuta programas JavaScript.


JavaScript Declaraciones

Las declaraciones de JavaScript se componen de:

Valores, operadores, expresiones, palabras clave y comentarios.

Esta declaración le dice al navegador que escriba "Hello Dolly." dentro de un elemento HTML con id="demo":

Ejemplo

document.getElementById("demo").innerHTML = "Hello Dolly.";
Inténtalo tú mismo »

La mayoría de los programas JavaScript contienen muchas declaraciones JavaScript.

Las declaraciones se ejecutan, una por una, en el mismo orden en que se escriben.

Los programas JavaScript (y las declaraciones JavaScript) a menudo se denominan código JavaScript.


Punto y coma ;

El punto y coma separa las declaraciones de JavaScript.

Agregue un punto y coma al final de cada declaración ejecutable:

Ejemplos

let a, b, c;  // Declarar 3 variables
a = 5;        // Asigne el valor 5 a un
b = 6;        // Asigne el valor 6 a b
c = a + b;    // Asignar la suma de a y b a c
Inténtalo tú mismo »

Cuando están separados por punto y coma, se permiten varias declaraciones en una línea:

a = 5; b = 6; c = a + b;
Inténtalo tú mismo »

En la web, es posible que vea ejemplos sin punto y coma.
No es obligatorio finalizar las declaraciones con punto y coma, pero es muy recomendable.


JavaScript Espacio en blanco

JavaScript ignora múltiples espacios. Puedes agregar espacios en blanco a tu script para hacerlo más legible.

Las siguientes líneas son equivalentes:

let person = "Hege";
let person="Hege";

Una buena práctica es dejar espacios alrededor de los operadores ( = + - * / ):

let x = y + z;

Longitud de línea de JavaScript y saltos de línea

Para mejorar la legibilidad, los programadores suelen evitar líneas de código de más de 80 caracteres.

Si una declaración de JavaScript no cabe en una línea, el mejor lugar para dividirla es después de un operador:

Ejemplo

document.getElementById("demo").innerHTML =
"Hello Dolly!";
Inténtalo tú mismo »

JavaScript Bloques de código

Las declaraciones de JavaScript se pueden agrupar en bloques de código, dentro de llaves {...}.

El propósito de los bloques de código es definir declaraciones que se ejecutarán juntas.

Un lugar donde encontrará declaraciones agrupadas en bloques es en las funciones de JavaScript:

Ejemplo

function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}
Inténtalo tú mismo »

En este tutorial, utilizamos 2 espacios de sangría para los bloques de código.
Aprenderás más sobre las funciones más adelante en este tutorial.


JavaScript Palabras clave

Las declaraciones de JavaScript suelen comenzar con una palabra clave para identificar la acción de JavaScript que se realizará.

Nuestra Referencia de palabras reservadas enumera todas las palabras clave de JavaScript.

Aquí hay una lista de algunas de las palabras clave que aprenderá en este tutorial:

Palabra clave Descripción
var Declara una variable
let Declara una variable de bloque
const Declara un bloque constante
if Marca un bloque de declaraciones que se ejecutarán bajo una condición
switch Marca un bloque de sentencias para ser ejecutadas en diferentes casos
for Marcar un bloque de declaraciones para ejecutar en un bucle
function Declarar una función
return Salir de una función
try Implementa el manejo de errores en un bloque de declaraciones

Las palabras clave de JavaScript son palabras reservadas. Las palabras reservadas no se pueden utilizar como nombres de variables.



Comentarios