Tutorial JS

JS INICIO JS Introducción JS Dónde Salida JS Declaraciones JS Sintaxis JS Comentarios JS Variables JS JS Vamos Constante JS Operadores JS Aritmética JS Tarea 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 cadena JS Números JS Métodos numéricos JS Matrices JS Métodos de matriz JS Clasificación de matriz JS Iteración de matriz JS Constante de matriz JS Fechas JS Formatos de fecha JS Métodos de obtención de fecha JS Métodos de configuración de fechas JS Matemáticas JS JS al azar Booleanos JS Comparaciones JS Condiciones JS Interruptor JS Bucle JS para Bucle JS para entrada Bucle JS para de Bucle JS mientras descanso JS Iterables JS Conjuntos JS Mapas JS JS Tipo de Conversión de tipo JS JS bit a bit JS expresión regular Errores JS Alcance JS JS Elevación Modo estricto JS JS esta palabra clave Función de flecha JS Clases JS JSJSON Depuración JS Guía de estilo JS Prácticas recomendadas de JS Errores JS Rendimiento JS Palabras reservadas de JS

Versiones JS

Versiones JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Borde Historia de JS

Objetos JS

Definiciones de objetos Propiedades del objeto Métodos de objeto Visualización de objetos Accesores de objetos Constructores de objetos Prototipos de objetos Objeto iterables Conjuntos de objetos Mapas de objetos Referencia de objeto

Funciones JS

Definiciones de funciones Parámetros de función Invocación de función Llamada de función Función Aplicar Cierres de funciones

Clases JS

Introducción a la clase Herencia de clase Clase estática

JS asíncrono

Devoluciones de llamada JS JS asíncrono Promesas JS JS asíncrono/espera

JS HTML DOM

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

Lista de materiales del navegador JS

Ventana JS Pantalla JS Ubicación de JS Historia de JS Navegador JS Alerta emergente JS Tiempo JS Galletas JS

API web de JS

Introducción a la API web API de formularios web API de historial web API de almacenamiento web API de trabajo web API de búsqueda web API de geolocalización web

JS AJAX

Introducción a AJAX AJAX XMLHttp Solicitud AJAX Respuesta AJAX Archivo XML AJAX AJAXPHP Ajax ASP Base de datos AJAX Aplicaciones AJAX Ejemplos de AJAX

JSJSON

Introducción JSON Sintaxis JSON JSON frente a XML Tipos de datos JSON Análisis JSON Cadena JSON Objetos JSON Matrices JSON Servidor JSON JSONPHP JSONHTML JSON JSONP

JS frente a jQuery

Selectores jQuery HTML de jQuery CSS de jQuery DOM de jQuery

Gráficos JS

Gráficos JS Lienzo JS JS Trazado Gráfico JS.js Gráfico de Google JS JS D3.js

Ejemplos de JS

Ejemplos de JS JS HTML DOM Entrada HTML JS Objetos JS HTML Eventos JS HTML Navegador JS Editor JS Ejercicios JS Prueba JS Certificado JS

Referencias JS

Objetos JavaScript Objetos HTML DOM


Declaraciones JavaScript


Ejemplo

let x, y, z;    // Statement 1
x = 5;          // Statement 2
y = 6;          // Statement 3
z = x + y;      // Statement 4

Programas JavaScript

Un programa de computadora es una lista de "instrucciones" para ser "ejecutadas" por una computadora.

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

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

En HTML, los programas JavaScript son ejecutados por el navegador web.


Declaraciones JavaScript

Las declaraciones de JavaScript se componen de:

Valores, operadores, expresiones, palabras clave y comentarios.

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

Ejemplo

document.getElementById("demo").innerHTML = "Hello Dolly.";

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

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

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


punto y coma;

Los puntos y comas separan las declaraciones de JavaScript.

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

Ejemplos

let a, b, c;  // Declare 3 variables
a = 5;        // Assign the value 5 to a
b = 6;        // Assign the value 6 to b
c = a + b;    // Assign the sum of a and b to c

Cuando se separan por punto y coma, se permiten varias declaraciones en una línea:

a = 5; b = 6; c = a + b;

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



Espacio en blanco de JavaScript

JavaScript ignora varios espacios. Puede agregar espacios en blanco a su secuencia de comandos para que sea más legible.

Las siguientes líneas son equivalentes:

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

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

let x = y + z;

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

Para una mejor legibilidad, a los programadores a menudo les gusta evitar las 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!";

Bloques de código JavaScript

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

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 funciones de JavaScript:

Ejemplo

function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}

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


Palabras clave de JavaScript

Las declaraciones de JavaScript a menudo comienzan con una palabra clave para identificar la acción de JavaScript que se va a 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 una constante de bloque
if Marca un bloque de declaraciones para ser ejecutado en una condición
switch Marca un bloque de declaraciones para ser ejecutado en diferentes casos
for Marca un bloque de sentencias para ser ejecutado en un bucle
function Declara una función
return Sale 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.