JavaScript es un lenguaje de scripting multiplataforma y orientado a objetos.
Es un lenguaje pequeño y liviano. Dentro de un entorno host (por ejemplo,
un navegador web), JavaScript puede conectarse a los objetos de su entorno
para proporcionar control programático sobre ellos.
JavaScript contiene una biblioteca estándar de objetos, como Array,
Date y Math, y un conjunto básico de elementos de lenguaje como
operadores, estructuras de control y sentencias. El núcleo de JavaScript se
puede extender para una variedad de propósitos complementándolo con
objetos adicionales; por ejemplo:
-
JavaScript del lado del cliente extiende el lenguaje básico proporcionando
objetos para controlar un navegador y su Modelo de Objetos del Documento (DOM).
Por ejemplo, las extensiones del lado del cliente permiten a una aplicación
colocar elementos en un formulario HTML y responder a eventos del usuario como
clics del mouse, entrada de formularios y navegación de páginas.
-
JavaScript del lado del servidor extiende el lenguaje básico proporcionando
objetos relevantes para ejecutar JavaScript en un servidor. Por ejemplo,
las extensiones del lado del servidor permiten a una aplicación comunicarse
con una base de datos, proporcionar continuidad de información de una
invocación a otra de la aplicación, o realizar manipulaciones de archivos
en un servidor.
Esta guía asume que tienes los siguientes conocimientos básicos:
-
Una comprensión general de Internet y la World Wide Web (WWW).
- Buen conocimiento de trabajo de HyperText Markup Language (HTML).
-
Alguna experiencia de programación. Si eres nuevo en la programación, prueba
uno de los tutoriales enlazados en la página principal sobre JavaScript.
JavaScript y Java son similares en algunos aspectos pero fundamentalmente
diferentes en otros. El lenguaje JavaScript se asemeja a Java pero
no tiene la tipificación estática y la comprobación estricta de tipos de Java.
JavaScript sigue la mayoría de la sintaxis de expresiones de Java, convenciones
de nomenclatura y construcciones básicas de control de flujo, que fue la razón
por la cual se renombró de LiveScript a JavaScript.
En contraste con el sistema de compilación de clases de Java construido mediante
declaraciones, JavaScript admite un sistema en tiempo de ejecución basado en un pequeño
número de tipos de datos que representan valores numéricos, booleanos y de cadena.
JavaScript tiene un modelo de objetos basado en prototipos en lugar del modelo
basado en clases más común. El modelo basado en prototipos proporciona herencia
dinámica; es decir, lo que se hereda puede variar para objetos individuales.
JavaScript también admite funciones sin ningún requisito declarativo especial.
Las funciones pueden ser propiedades de objetos, ejecutándose como métodos de tipado flexible.
JavaScript es un lenguaje muy libre en comparación con Java. No tienes que declarar
todas las variables, clases y métodos. No tienes que preocuparte de si los métodos
son públicos, privados o protegidos, y no tienes que implementar interfaces. Las
variables, parámetros y tipos de retorno de funciones no se tipan explícitamente.
Usas variables como nombres simbólicos para valores en tu aplicación.
Los nombres de las variables, llamados identificadores, se ajustan a ciertas reglas.
Un identificador JavaScript debe comenzar con una letra, un guión bajo (_) o
un signo de dólar ($); los caracteres posteriores también pueden ser dígitos (0-9).
Dado que JavaScript distingue entre mayúsculas y minúsculas, las letras incluyen los caracteres
"A" a la "Z" (mayúsculas) y los caracteres "a" a la "z" (minúsculas).
Puedes usar letras ISO 8859-1 o Unicode como å y ü en
identificadores. También puedes usar las secuencias de escape Unicode como
caracteres en identificadores. Algunos ejemplos de nombres legales son
Number_hits, temp99 y _name.
Puedes declarar una variable de tres maneras:
Con la palabra clave var. Por ejemplo, var x = 42. Esta
sintaxis se puede usar para declarar variables locales y globales.
Simplemente asignándole un valor. Por ejemplo,
x = 42. Esto siempre declara una variable global. Genera una advertencia estricta de JavaScript. No deberías usar esta
variante.
Con la palabra clave let. Por ejemplo,let y = 13. Esta
sintaxis se puede usar para declarar una variable de ámbito de bloque local. Ver
Ámbito de variable más abajo.
Cuando declaras una variable fuera de cualquier función, se llama variable global,
porque está disponible para cualquier otro código en el documento actual. Cuando declaras una variable
dentro de una función, se llama variable local,
porque solo está disponible dentro de esa función.
JavaScript antes de ECMAScript 2015 no tiene ámbito de declaración de bloque;
más bien, una variable declarada dentro de un bloque es local para la función
(o ámbito global) en la que reside el bloque. Por ejemplo, el siguiente código
registrará 5, porque el ámbito de x es la función (o contexto global)
dentro de la cual se declara x, no el bloque, que en este caso es una sentencia if.
if (true) {
var x = 5;
}
console.log(x); // 5
Este comportamiento cambia, al usar la declaración let introducida en
ECMAScript 2015.
if (true) {
let y = 5;
}
console.log(y); // ReferenceError: y is not defined
Las variables globales son de hecho propiedades del objeto global. En las
páginas web el objeto global es window, por lo que puedes establecer y acceder a
variables globales usando la sintaxis window.variable.
En consecuencia, puedes acceder a variables globales declaradas en una ventana
o marco desde otra ventana o marco especificando el nombre de la ventana o
marco. Por ejemplo, si una variable llamada phoneNumber se
declara en un documento, puedes hacer referencia a esta variable desde un
iframe como parent.phoneNumber.
Puedes crear una constante de solo lectura y con nombre utilizando la palabra clave const.
La sintaxis de un identificador de constante es la misma que para un identificador de variable:
debe comenzar con una letra, un guión bajo o un signo de dólar y puede contener caracteres alfabéticos,
numéricos o de subrayado.
const PI = 3.14;
Una constante no puede cambiar su valor a través de la asignación o volverse a declarar
mientras se está ejecutando el script. Tiene que inicializarse a un valor.
Las reglas de ámbito para las constantes son las mismas que para las variables
de ámbito de bloque let. Si se omite la palabra clave const, el identificador
se asume que representa una variable.
No puedes declarar una constante con el mismo nombre que una función o
variable en el mismo ámbito. Por ejemplo:
// ESTO CAUSARÁ UN ERROR
función f() {};
const f = 5;
// ESTO TAMBIÉN CAUSARÁ UN ERROR
función f() {
const g = 5;
var g;
// sentencias
}
Sin embargo, los atributos de objeto no están protegidos, por lo que la siguiente
sentencia se ejecuta sin problemas.
const MY_OBJECT = {"key": "value"};
MY_OBJECT.key = "otherValue";
El último estándar ECMAScript define siete tipos de datos:
Aunque estos tipos de datos son una cantidad relativamente pequeña, te
permiten realizar funciones útiles con tus aplicaciones. Los objetos y
funciones son los otros elementos fundamentales en el lenguaje. Puedes
pensar en objetos como contenedores con nombre para valores, y en
funciones como procedimientos que tu aplicación puede realizar.
Usa la sentencia if para ejecutar una sentencia si una condición lógica es
verdadera. Usa la cláusula else opcional para ejecutar una sentencia si la
condición es falsa. Una sentencia if se ve de la siguiente manera:
if (condición) { sentencia_1; }
else { sentencia_2; }
Condición puede ser cualquier expresión que se evalúe como verdadero o falso. Ver
Booleano para una explicación de lo que se evalúa como verdadero y falso. Si
condición se evalúa como verdadero, sentencia_1 se ejecuta; de lo contrario,
sentencia_2 se ejecuta. Mientras que sentencia_1 y sentencia_2 pueden ser cualquier
sentencia, incluidas sentencias if anidadas adicionales.
También puedes combinar las sentencias usando else if para tener múltiples
condiciones probadas en secuencia, como sigue:
if (condición_1) { sentencia_1; }
else if (condición_2) { sentencia_2; }
else if (condición_n) { sentencia_n; }
else { sentencia_última; }
En el caso de múltiples condiciones solo se ejecutará la primera condición
lógica que se evalúe como verdadera. Para ejecutar múltiples
sentencias, agrúpalas dentro de una sentencia de bloque ({ ... }) . En
general, es una buena práctica usar siempre sentencias de bloque, especialmente
al anidar sentencias if:
if (condición) { sentencia_1_se_ejecuta_si_condición_es_verdadera;
sentencia_2_se_ejecuta_si_condición_es_verdadera; } else {
sentencia_3_se_ejecuta_si_condición_es_falsa;
sentencia_4_se_ejecuta_si_condición_es_falsa; }
Es aconsejable no usar asignaciones simples en una expresión condicional,
porque la asignación puede confundirse con igualdad cuando se echa un vistazo al código.
Por ejemplo, no uses el siguiente código:
if (x = y) { /* sentencias aquí */ }
Si necesitas usar una asignación en una expresión condicional,
una práctica común es poner paréntesis adicionales alrededor de la asignación. Por ejemplo:
if ((x = y)) { /* sentencias aquí */ }
Una sentencia while ejecuta sus sentencias mientras una condición especificada se evalúe como verdadera. Una sentencia while se ve así:
while (condición) sentencia
Si la condición se vuelve falsa, la sentencia dentro del bucle deja de ejecutarse y el control se pasa a la sentencia siguiente al bucle.
La prueba de la condición ocurre antes de que se ejecute la sentencia en el bucle.
Si la condición devuelve verdadero, la sentencia se ejecuta y la
condición se prueba nuevamente. Si la condición devuelve falso, la ejecución
se detiene y el control se pasa a la sentencia siguiente a while.
Para ejecutar múltiples sentencias, usa una sentencia de bloque ({ ... }) para
agrupar esas sentencias.
Ejemplo:
El siguiente bucle while itera mientras n sea menor que tres:
var n = 0;
var x = 0;
while (n < 3) {
n++;
x += n;
}
Con cada iteración, el bucle incrementa n y suma ese valor a x.
Por lo tanto, x y n toman los siguientes valores:
- Después de la primera pasada: n = 1 y x = 1
- Después de la segunda pasada: n = 2 y x = 3
- Después de la tercera pasada: n = 3 y x = 6
Después de completar la tercera pasada, la condición n < 3 ya no es
verdadera, por lo que el bucle termina.
Declaraciones de funciones
Una definición de función (también llamada declaración de función o sentencia de función) consiste en la palabra clave function, seguida de:
- El nombre de la función.
-
Una lista de argumentos de la función, entre paréntesis y separados por comas.
-
Las sentencias JavaScript que definen la función, entre llaves, { }.
Por ejemplo, el siguiente código define una función simple llamada
cuadrado:
function cuadrado(numero) { return numero * numero; }
La función cuadrado toma un argumento, llamado número. La función consiste en una sentencia que dice retornar el argumento de la función (es decir, número) multiplicado por sí mismo. La sentencia return especifica el valor devuelto por la función.
return numero * numero;
Los parámetros primitivos (como un número) se pasan a las funciones por valor; el valor se pasa a la función, pero si la función cambia el valor del parámetro, este cambio no se refleja globalmente ni en la función que llama.
