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


Sintaxis JavaScript

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

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

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

Valores JavaScript

La sintaxis de JavaScript define dos tipos de valores:

  • Valores fijos
  • Valores variables

Los valores fijos se llaman 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

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

"John Doe"

'John Doe'


Variables JavaScript

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

JavaScript usa las palabras clave yvar para letdeclarar constvariables .

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;

Operadores JavaScript

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

(5 + 6) * 10

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

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

Expresiones JavaScript

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:

5 * 10

Las expresiones también pueden contener valores de variables:

x * 10

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

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

"John" + " " + "Doe"

Palabras clave de JavaScript

Las palabras clave de JavaScript se utilizan para identificar las acciones a 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;

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

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


Comentarios JavaScript

No todas las declaraciones de JavaScript se "ejecutan".

El código después de barras oblicuas dobles //o entre /*y */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

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


Identificadores/Nombres de JavaScript

Los identificadores son nombres JavaScript.

Los identificadores se utilizan para nombrar variables y 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.

Nota

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

De esta forma, 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 lastNamey lastname, 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, tarjeta maestra, interurbano.

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

Guion bajo:

nombre, apellido, master_card, inter_city.

Caja Camel Superior (Caso Pascal):

Nombre, Apellido, MasterCard, InterCity.

Caja de camello inferior:

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

nombre, apellido, tarjeta maestra, interciudad.


Conjunto de caracteres JavaScript

JavaScript utiliza el conjunto de caracteres Unicode .

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

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