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 Sintaxis

La sintaxis de JavaScript es el conjunto de reglas sobre cómo se construyen los programas JavaScript:

// Cómo crear variables:
var x;
let y;

// Cómo utilizar 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 de las 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
Try it Yourself »

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

"John Doe"

'John Doe'
Try it Yourself »

Variables de JavaScript

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

JavaScript utiliza las palabras clave var, let y const para declarar variables.

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

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

let x;
x = 6;
Try it Yourself »

JavaScript Operadores

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

(5 + 6) * 10
Try it Yourself »

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

let x, y;
x = 5;
y = 6;
Try it Yourself »

JavaScript Expresiones

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

El cálculo se llama evaluación.

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

Las expresiones también pueden contener valores variables:

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

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

"John" + " " + "Doe"
Try it Yourself »

JavaScript Palabras clave

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

La palabra clave let le dice al navegador que cree variables:

let x, y;
x = 5 + 6;
y = x * 10;
Try it Yourself »

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

var x, y;
x = 5 + 6;
y = x * 10;
Try it Yourself »

En estos ejemplos, usar var o let producirá el mismo resultado.

Aprenderá más sobre var y let más adelante en este tutorial.


JavaScript Comentarios

No todas las declaraciones de JavaScript se "ejecutan".

Código después de barras dobles // o entre /* y */ se trata como un comentario.

Los comentarios se ignoran y no se ejecutarán:

let x = 5;   // seré ejecutado

// x = 6;   NO seré ejecutado
Try it Yourself »

Aprenderá más sobre los comentarios en un capítulo posterior.


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 JavaScript debe comenzar con:

  • Una letra (A-Z o a-z)
  • Un signo de dolar ($)
  • O un guión bajo (_)

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

Nota

No se permiten números como primer carácter en los nombres.

De esta manera, JavaScript puede distinguir fácilmente los identificadores de los números.


JavaScript distingue entre mayúsculas y minúsculas

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

Las variables lastName y lastname, son dos variables diferentes:

let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";
Try it Yourself »

JavaScript no interpreta LET o Let como palabra clave let.


Caso JavaScript y Camel

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

Guiones :

first-name, last-name, master-card, inter-city.

Los guiones no están permitidos en JavaScript. Están reservados para restas.

Subrayar:

first_name, last_name, master_card, inter_city.

Caja Camel Superior (Caso Pascal):

FirstName, LastName, MasterCard, InterCity.

Caso camello inferior:

Los programadores de JavaScript tienden a utilizar mayúsculas y minúsculas que comienzan con una letra minúscula:

firstName, lastName, masterCard, interCity.


JavaScript Conjunto de caracteres

JavaScript utiliza el juego de caracteres Unicode.

Unicode cubre (casi) todos los caracteres, puntuaciones y símbolos del mundo.

Para verlo más de cerca, estudie nuestra Referencia completa de Unicode.



Comentarios