English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutoriales básicos de JavaScript

Objeto de JavaScript

Función de JavaScript

DOM HTML de JavaScript

Navegador BOM de JavaScript

Tutorial básico de AJAX

Manual de referencia de JavaScript

Sintaxis de JavaScript

La sintaxis de JavaScript es un conjunto de reglas que definen la estructura correcta de un programa de JavaScript.

Variables de JavaScript

En los lenguajes de programación, las variables se utilizan para almacenar valores de datos.

Las variables en JavaScript no tienen tipos adicionales según el estándar, cualquier valor se puede almacenar en cualquier variable.

se puede usarletovaroconstdeclarar variables (para constantes inmutables).

El signo igual se utiliza para asignar valores a las variables.

En este ejemplo,numse define como variable. Luego, paranumAsignación20:

var num;
num = 20;
Prueba para ver‹/›

Operadores de JavaScript

JavaScript utiliza operadores aritméticos (+ - * /)para calcular el valor.

(20 + 30) * 10
Prueba para ver‹/›

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

var x = 20;
var y = 30;
var z = x + y;
Prueba para ver‹/›

En la parte posterior de este tutorial, conocerás más información sobre los operadores.

Identificador de JavaScript

El nombre de una variable, función o propiedad se llamaIdentificador.

Al igual que con cualquier otro lenguaje de programación, JavaScript reserva algunos identificadores para su uso propio.

JavaScript también reserva algunas palabras clave, que no se utilizan en la versión actual del lenguaje, pero que se utilizarán en futuras extensiones de JavaScript.

Los identificadores de JavaScript deben comenzar con una letra, guión bajo (_) o símbolo de dólar ($).

Los caracteres posteriores pueden ser letras, números, guiones bajos o símbolo de dólar (los números no se permiten como primer carácter para que JavaScript pueda distinguir fácilmente entre identificadores y números).

Comentarios de JavaScript

Los comentarios son solo una línea de texto, que el analizador de JavaScript ignora completamente.

Generalmente, se agregan comentarios para proporcionar información adicional relacionada con el código fuente.

JavaScript admite comentarios en una línea y en múltiples líneas.

Los comentarios en una línea se hacen con dos diagonales inversas (//)comienza, seguido del texto del comentario.

// document.write("Hello World");
Prueba para ver‹/›

mientras que los comentarios de múltiples líneas comienzan con una diagonal inversa y un asterisco (/*)comienza, seguido de un asterisco y una diagonal inversa (*/)finaliza.

/*
document.write("Hello World<br>");
document.write("Hello World<br>");
document.write("Hello World<br>");
document.write("Hello World");
*/
Prueba para ver‹/›

En la parte posterior de este tutorial, conocerás más información sobre los comentarios.

JavaScript distingue entre mayúsculas y minúsculas

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

Las variables myVariable y myvariable son dos variables diferentes:

var myVariable = 1;
var myvariable = 2;
Prueba para ver‹/›

JavaScript y camelCase

El convenio para los identificadores de JavaScript es escribirlos en camelCase (naming en mayúsculas), lo que significa que la primera palabra es en minúsculas, pero cada palabra siguiente comienza con una mayúscula.

getElementById();
firstElementChild;
textContent;
innerHTML;
Prueba para ver‹/›

También puede ver variables globales o constantes escritas en mayúsculas.

Math.PI;
Prueba para ver‹/›

Indentación de JavaScript

Técnicamente, un programa completo de JavaScript se puede escribir en una línea.

Pero, esto pronto se volverá difícil de leer y mantener. En su lugar, generalmente usamos saltos de línea e indentación, lo que facilita la mantenimiento y lectura.

Este es un if condicional / Ejemplo de else en una línea o con salto de línea y indentación

 // Ejemplo de condición en una línea
 if (x === 1) { /* ejecutar código si verdadero */ } else { /* ejecutar código si falso */ }
 
 // Ejemplo de condición con indentación
 if (x === 1) {
  // ejecutar código si verdadero
 } else {
  // ejecutar código si falso
 }

Atención, cualquier código contenido en un bloque debe estar indentado. La indentación se puede realizar con dos espacios, cuatro espacios o con tabulador.