JavaScript ( / ˈ dʒ ɑː v ə s k r ɪ p t / ), a menudo abreviado como JS , es un lenguaje de programación y tecnología central de la Web , junto con HTML y CSS . El 99% de los sitios web utilizan JavaScript en el lado del cliente para el comportamiento de la página web . [10]
Los navegadores web tienen un motor JavaScript dedicado que ejecuta el código del cliente . Estos motores también se utilizan en algunos servidores y en una variedad de aplicaciones . El sistema de ejecución más popular para uso sin navegador es Node.js.
JavaScript es un lenguaje compilado de alto nivel , a menudo justo a tiempo, que se ajusta al estándar ECMAScript . [11] Tiene escritura dinámica , orientación a objetos basada en prototipos y funciones de primera clase . Es multiparadigma y admite estilos de programación imperativo , funcional y basado en eventos . Tiene interfaces de programación de aplicaciones (API) para trabajar con texto, fechas, expresiones regulares , estructuras de datos estándar y el modelo de objetos de documento (DOM).
El estándar ECMAScript no incluye ninguna entrada/salida (E/S), como instalaciones de redes , almacenamiento o gráficos . En la práctica, el navegador web u otro sistema de ejecución proporciona API de JavaScript para E/S.
Aunque Java y JavaScript son similares en nombre, sintaxis y bibliotecas estándar respectivas , los dos lenguajes son distintos y difieren mucho en diseño.
El primer navegador web popular con una interfaz gráfica de usuario , Mosaic , se lanzó en 1993. Accesible para personas sin conocimientos técnicos, desempeñó un papel destacado en el rápido crecimiento de la primera World Wide Web . [12] Los principales desarrolladores de Mosaic fundaron entonces la corporación Netscape , que lanzó un navegador más pulido, Netscape Navigator , en 1994. Este rápidamente se convirtió en el más utilizado. [13]
Durante estos años de formación de la Web, las páginas web sólo podían ser estáticas y carecían de la capacidad de comportamiento dinámico una vez cargadas en el navegador. En la floreciente escena del desarrollo web existía el deseo de eliminar esta limitación, por lo que en 1995, Netscape decidió agregar un lenguaje de programación a Navigator. Siguieron dos caminos para lograrlo: colaborar con Sun Microsystems para incorporar el lenguaje Java y al mismo tiempo contratar a Brendan Eich para incorporar el lenguaje Scheme . [6]
El objetivo era un "lenguaje para las masas", [14] "para ayudar a los no programadores a crear sitios web dinámicos e interactivos ". [15] La gerencia de Netscape pronto decidió que la mejor opción era que Eich ideara un nuevo lenguaje, con una sintaxis similar a Java y menos parecida a Scheme u otros lenguajes de scripting existentes . [5] [6] Aunque el nuevo lenguaje y su implementación de intérprete se llamaron LiveScript cuando se envió por primera vez como parte de una versión beta de Navigator en septiembre de 1995, el nombre se cambió a JavaScript para el lanzamiento oficial en diciembre. [6] [1] [16]
La elección del nombre JavaScript ha causado confusión, dando a entender que está directamente relacionado con Java. En ese momento, el boom de las puntocom había comenzado y Java era un nuevo lenguaje popular, por lo que Eich consideró el nombre de JavaScript como una estrategia de marketing de Netscape. [14]
Microsoft presentó Internet Explorer en 1995, lo que llevó a una guerra de navegadores con Netscape. En el frente de JavaScript, Microsoft creó su propio intérprete llamado JScript . [17]
Microsoft lanzó JScript por primera vez en 1996, junto con soporte inicial para CSS y extensiones para HTML . Cada una de estas implementaciones era notablemente diferente de sus contrapartes en Netscape Navigator . [18] [19] Estas diferencias dificultaron que los desarrolladores hicieran que sus sitios web funcionaran bien en ambos navegadores, lo que llevó al uso generalizado de los logotipos "mejor visto en Netscape" y "mejor visto en Internet Explorer" durante varios años. [18] [20]
Brendan Eich dijo más tarde sobre este período: "Todavía es una especie de lenguaje complementario . Se considera lento o molesto. La gente hace ventanas emergentes o esos mensajes que se desplazan en la antigua barra de estado en la parte inferior de su antiguo navegador ". [14]
En noviembre de 1996, Netscape presentó JavaScript a Ecma International , como punto de partida para una especificación estándar que todos los proveedores de navegadores pudieran cumplir. Esto llevó al lanzamiento oficial de la primera especificación del lenguaje ECMAScript en junio de 1997.
El proceso de estándares continuó durante algunos años, con el lanzamiento de ECMAScript 2 en junio de 1998 y ECMAScript 3 en diciembre de 1999. El trabajo en ECMAScript 4 comenzó en 2000. [17]
Sin embargo, el esfuerzo por estandarizar completamente el lenguaje se vio socavado porque Microsoft ganó una posición cada vez más dominante en el mercado de los navegadores. A principios de la década de 2000, la cuota de mercado de Internet Explorer alcanzó el 95%. [21] Esto significó que JScript se convirtió en el estándar de facto para secuencias de comandos del lado del cliente en la Web.
Microsoft inicialmente participó en el proceso de estándares e implementó algunas propuestas en su lenguaje JScript, pero finalmente dejó de colaborar en el trabajo de ECMA. Por lo tanto, ECMAScript 4 quedó suspendido.
Durante el período de dominio de Internet Explorer a principios de la década de 2000, las secuencias de comandos del lado del cliente estaban estancadas. Esto empezó a cambiar en 2004, cuando el sucesor de Netscape, Mozilla , lanzó el navegador Firefox . Firefox fue bien recibido por muchos, quitándole una importante cuota de mercado a Internet Explorer. [22]
En 2005, Mozilla se unió a ECMA International y se inició el trabajo en el estándar ECMAScript para XML (E4X). Esto llevó a Mozilla a trabajar conjuntamente con Macromedia (posteriormente adquirida por Adobe Systems ), que estaban implementando E4X en su lenguaje ActionScript 3, que se basaba en un borrador de ECMAScript 4. El objetivo era estandarizar ActionScript 3 como el nuevo ECMAScript 4. Para ello, Adobe Systems lanzó la implementación de Tamarin como un proyecto de código abierto . Sin embargo, Tamarin y ActionScript 3 eran demasiado diferentes de los scripts del lado del cliente establecidos y, sin la cooperación de Microsoft , ECMAScript 4 nunca llegó a buen término.
Mientras tanto, se estaban produciendo avances muy importantes en comunidades de código abierto no afiliadas al trabajo de ECMA. En 2005, Jesse James Garrett publicó un libro blanco en el que acuñó el término Ajax y describía un conjunto de tecnologías, de las cuales JavaScript era la columna vertebral, para crear aplicaciones web donde los datos se pueden cargar en segundo plano, evitando la necesidad de página completa. recargas. Esto provocó un período de renacimiento de JavaScript, encabezado por las bibliotecas de código abierto y las comunidades que se formaron a su alrededor. Se crearon muchas bibliotecas nuevas, incluidas jQuery , Prototype , Dojo Toolkit y MooTools .
Google presentó su navegador Chrome en 2008, con el motor JavaScript V8 que era más rápido que su competencia. [23] [24] La innovación clave fue la compilación justo a tiempo (JIT), [25] por lo que otros proveedores de navegadores necesitaron revisar sus motores para JIT. [26]
En julio de 2008, estos partidos dispares se reunieron en una conferencia en Oslo . Esto llevó al acuerdo final a principios de 2009 para combinar todo el trabajo relevante e impulsar el lenguaje. El resultado fue el estándar ECMAScript 5, lanzado en diciembre de 2009.
El ambicioso trabajo en el lenguaje continuó durante varios años, culminando en una extensa colección de adiciones y mejoras que se formalizaron con la publicación de ECMAScript 6 en 2015. [27]
La creación de Node.js en 2009 por Ryan Dahl provocó un aumento significativo en el uso de JavaScript fuera de los navegadores web. Node combina el motor V8 , un bucle de eventos y API de E/S , proporcionando así un sistema de ejecución de JavaScript independiente. [28] [29] A partir de 2018, millones de desarrolladores habían utilizado Node, [30] y npm tenía la mayor cantidad de módulos que cualquier administrador de paquetes del mundo. [31]
El borrador de la especificación ECMAScript se mantiene actualmente abiertamente en GitHub , [32] y las ediciones se producen a través de instantáneas anuales periódicas. [32] Las posibles revisiones del lenguaje se examinan mediante un proceso de propuesta integral. [33] [34] Ahora, en lugar de los números de edición, los desarrolladores verifican el estado de las próximas funciones individualmente. [32]
El ecosistema JavaScript actual tiene muchas bibliotecas y marcos , prácticas de programación establecidas y un uso sustancial de JavaScript fuera de los navegadores web. Además, con el aumento de las aplicaciones de una sola página y otros sitios web con mucho JavaScript, se han creado varios transpiladores para ayudar en el proceso de desarrollo. [35]
"JavaScript" es una marca comercial de Oracle Corporation en Estados Unidos. [36] [37] La marca registrada se emitió originalmente a Sun Microsystems el 6 de mayo de 1997 y se transfirió a Oracle cuando adquirieron Sun en 2009. [38]
JavaScript es el lenguaje de secuencias de comandos del lado del cliente dominante en la Web y el 99% de todos los sitios web lo utilizan para este propósito. [10] Los scripts están incrustados o incluidos en documentos HTML e interactúan con el DOM .
Todos los principales navegadores web tienen un motor JavaScript integrado que ejecuta el código en el dispositivo del usuario.
Más del 80% de los sitios web utilizan una biblioteca de JavaScript o un marco web de terceros como parte de sus secuencias de comandos del lado del cliente. [39]
jQuery es, con diferencia, el más utilizado. [39] Otros notables incluyen Angular , Bootstrap , Lodash , Modernizr , React , Underscore y Vue . [39] Se pueden utilizar múltiples opciones en conjunto, como jQuery y Bootstrap. [40]
Sin embargo, el término "Vanilla JS" se acuñó para sitios web que no utilizan ninguna biblioteca o marco, sino que dependen completamente de la funcionalidad estándar de JavaScript. [41]
El uso de JavaScript se ha expandido más allá de las raíces de los navegadores web . Los motores JavaScript ahora están integrados en una variedad de otros sistemas de software, tanto para implementaciones de sitios web del lado del servidor como para aplicaciones que no son de navegador .
Los intentos iniciales de promover el uso de JavaScript en el lado del servidor fueron Netscape Enterprise Server y Internet Information Services de Microsoft , [42] [43] pero eran nichos pequeños. [44] El uso del lado del servidor finalmente comenzó a crecer a finales de la década de 2000, con la creación de Node.js y otros enfoques . [44]
Se han utilizado Electron , Cordova , React Native y otros marcos de aplicaciones para crear muchas aplicaciones con comportamiento implementado en JavaScript. Otras aplicaciones que no son de navegador incluyen soporte de Adobe Acrobat para secuencias de comandos de documentos PDF [45] y extensiones de GNOME Shell escritas en JavaScript. [46]
JavaScript ha comenzado a aparecer recientemente en algunos sistemas integrados , generalmente aprovechando Node.js. [47] [48] [49]
Un motor JavaScript es un componente de software que ejecuta código JavaScript . Los primeros motores de JavaScript eran meros intérpretes , pero todos los motores modernos relevantes utilizan la compilación justo a tiempo para mejorar el rendimiento. [50]
Los motores de JavaScript suelen ser desarrollados por proveedores de navegadores web y todos los navegadores importantes tienen uno. En un navegador, el motor JavaScript se ejecuta junto con el motor de renderizado a través del modelo de objetos de documento y los enlaces Web IDL . [51] Sin embargo, el uso de motores JavaScript no se limita a los navegadores; por ejemplo, el motor V8 es un componente central del sistema de ejecución de Node.js. [52]
Dado que ECMAScript es la especificación estandarizada de JavaScript, el motor ECMAScript es otro nombre para estas implementaciones . Con la llegada de WebAssembly , algunos motores también pueden ejecutar este código en el mismo entorno limitado que el código JavaScript normal. [53] [52]Un motor JavaScript debe estar integrado dentro de un sistema de ejecución (como un navegador web o un sistema independiente) para permitir que los scripts interactúen con el entorno más amplio. El sistema de ejecución incluye las API necesarias para operaciones de entrada/salida , como redes , almacenamiento y gráficos , y proporciona la capacidad de importar scripts.
JavaScript es un lenguaje de un solo subproceso . El tiempo de ejecución procesa los mensajes de una cola de uno en uno y llama a una función asociada con cada mensaje nuevo, creando un marco de pila de llamadas con los argumentos y las variables locales de la función . La pila de llamadas se reduce y crece según las necesidades de la función. Cuando la pila de llamadas está vacía al finalizar la función, JavaScript pasa al siguiente mensaje en la cola. Esto se denomina bucle de eventos y se describe como "ejecución hasta completarse" porque cada mensaje se procesa por completo antes de considerar el siguiente. Sin embargo, el modelo de concurrencia del lenguaje describe el bucle de eventos como sin bloqueo : la E/S del programa se realiza mediante eventos y funciones de devolución de llamada . Esto significa, por ejemplo, que JavaScript puede procesar un clic del mouse mientras espera que una consulta de base de datos devuelva información. [54]
Los tiempos de ejecución independientes notables son Node.js , Deno y Bun .
Las siguientes características son comunes a todas las implementaciones ECMAScript conformes, a menos que se especifique explícitamente lo contrario.
JavaScript admite gran parte de la sintaxis de programación estructurada de C (por ejemplo, if
declaraciones, while
bucles, switch
declaraciones, do while
bucles, etc.). Una excepción parcial es el alcance : originalmente JavaScript solo tenía alcance de función con var
; El alcance del bloque se agregó en ECMAScript 2015 con las palabras clave let
y const
. Al igual que C, JavaScript hace una distinción entre expresiones y declaraciones . Una diferencia sintáctica con C es la inserción automática de punto y coma , que permite omitir los puntos y coma (que terminan las declaraciones). [55]
JavaScript tiene tipos débiles , lo que significa que ciertos tipos se convierten implícitamente según la operación utilizada. [56]
+
convierte ambos operandos en una cadena a menos que ambos operandos sean números. Esto se debe a que el operador de suma también funciona como operador de concatenación.-
siempre convierte ambos operandos en un número+
, -
) siempre convierten el operando en un númeroLos valores se convierten en cadenas como las siguientes: [56]
,
).[object Object]
donde Object
está el nombre del constructor del objeto.Los valores se convierten en números convirtiéndose en cadenas y luego convirtiendo las cadenas en números. Estos procesos se pueden modificar definiendo funciones toString
y valueOf
en el prototipo para la conversión de cadenas y números, respectivamente.
JavaScript ha recibido críticas por la forma en que implementa estas conversiones, ya que la complejidad de las reglas puede confundirse con inconsistencia. [57] [56] Por ejemplo, al agregar un número a una cadena, el número se convertirá en una cadena antes de realizar la concatenación, pero al restar un número de una cadena, la cadena se convertirá en un número antes de realizar la resta.
A menudo también se menciona el {} + []
resultado de 0
(número). Esto es engañoso: {}
se interpreta como un bloque de código vacío en lugar de un objeto vacío, y el operador unario restante convierte la matriz vacía en un número +
. Si la expresión está entre paréntesis - ({} + [])
- las llaves se interpretan como un objeto vacío y el resultado de la expresión es "[object Object]"
el esperado. [56]
JavaScript se escribe dinámicamente como la mayoría de los otros lenguajes de programación . Un tipo está asociado con un valor en lugar de una expresión. Por ejemplo, una variable inicialmente vinculada a un número puede reasignarse a una cadena . [58] JavaScript admite varias formas de probar el tipo de objetos, incluida la escritura pato . [59]
JavaScript incluye una eval
función que puede ejecutar declaraciones proporcionadas como cadenas en tiempo de ejecución.
Douglas Crockford describe la herencia prototípica en JavaScript como:
Creas objetos prototipo y luego... creas nuevas instancias. Los objetos son mutables en JavaScript, por lo que podemos aumentar las nuevas instancias, dándoles nuevos campos y métodos. Estos pueden actuar como prototipos de objetos aún más nuevos. No necesitamos clases para crear muchos objetos similares... Los objetos heredan de los objetos. ¿Qué podría ser más orientado a objetos que eso? [60]
En JavaScript, un objeto es una matriz asociativa , aumentada con un prototipo (ver más abajo); cada clave proporciona el nombre de una propiedad de objeto , y hay dos formas sintácticas de especificar dicho nombre: notación de puntos ( obj.x = 10
) y notación de corchetes ( obj['x'] = 10
). Una propiedad se puede agregar, recuperar o eliminar en tiempo de ejecución. La mayoría de las propiedades de un objeto (y cualquier propiedad que pertenezca a la cadena de herencia del prototipo de un objeto) se pueden enumerar mediante un for...in
bucle.
JavaScript utiliza prototipos donde muchos otros lenguajes orientados a objetos utilizan clases para la herencia . [61] Es posible simular muchas características basadas en clases con prototipos en JavaScript. [62]
Las funciones también funcionan como constructores de objetos, junto con su función típica. Prefijar una llamada de función con new creará una instancia de un prototipo, heredando propiedades y métodos del constructor (incluidas las propiedades del Object
prototipo). [63] ECMAScript 5 ofrece el Object.create
método, que permite la creación explícita de una instancia sin heredar automáticamente del Object
prototipo (los entornos más antiguos pueden asignar el prototipo a null
). [64] La propiedad del constructor prototype
determina el objeto utilizado para el prototipo interno del nuevo objeto. Se pueden agregar nuevos métodos modificando el prototipo de la función utilizada como constructor. Los constructores integrados de JavaScript, como Array
o Object
, también tienen prototipos que se pueden modificar. Si bien es posible modificar el Object
prototipo, generalmente se considera una mala práctica porque la mayoría de los objetos en JavaScript heredarán métodos y propiedades del Object
prototipo, y es posible que no esperen que se modifique el prototipo. [65]
A diferencia de muchos lenguajes orientados a objetos, en JavaScript no hay distinción entre una definición de función y una definición de método . Más bien, la distinción ocurre durante la llamada a la función. Cuando se llama a una función como método de un objeto, la palabra clave local this de la función está vinculada a ese objeto para esa invocación.
Las funciones de JavaScript son de primera clase ; una función se considera un objeto. [66] Como tal, una función puede tener propiedades y métodos, como .call()
y .bind()
. [67]
Una función anidada es una función definida dentro de otra función. Se crea cada vez que se invoca la función externa.
Además, cada función anidada forma un cierre léxico : el alcance léxico de la función externa (incluida cualquier constante, variable local o valor de argumento) se convierte en parte del estado interno de cada objeto de función interna, incluso después de que concluya la ejecución de la función externa. . [68]
JavaScript también admite funciones anónimas .
JavaScript admite la delegación implícita y explícita .
JavaScript admite de forma nativa varias implementaciones basadas en funciones de patrones Role [69] como Traits [70] [71] y Mixins . [72] Dicha función define un comportamiento adicional mediante al menos un método vinculado a la this
palabra clave dentro de su function
cuerpo. Luego, un rol debe delegarse explícitamente a través call
de apply
objetos que deben presentar un comportamiento adicional que no se comparte a través de la cadena de prototipos.
Mientras que la delegación explícita basada en funciones cubre la composición en JavaScript, la delegación implícita ya ocurre cada vez que se recorre la cadena del prototipo para, por ejemplo, encontrar un método que pueda estar relacionado con un objeto, pero que no sea propiedad directa de él. Una vez que se encuentra el método, se llama dentro del contexto de este objeto. Por lo tanto, la herencia en JavaScript está cubierta por un automatismo de delegación que está vinculado a la propiedad prototipo de las funciones constructoras.
JavaScript es un lenguaje de índice cero .
Se puede pasar un número indefinido de parámetros a una función. La función puede acceder a ellos a través de parámetros formales y también a través del arguments
objeto local. También se pueden crear funciones variadas utilizando el bind
método.
Como en muchos lenguajes de programación, las matrices y los objetos ( matrices asociativas en otros lenguajes) se pueden crear con una sintaxis de acceso directo sucinta. De hecho, estos literales forman la base del formato de datos JSON .
De manera similar a Perl , JavaScript también admite expresiones regulares , que proporcionan una sintaxis concisa y potente para la manipulación de texto que es más sofisticada que las funciones de cadena integradas. [73]
JavaScript admite promesas y Async/await para manejar operaciones asincrónicas. [ cita necesaria ]
Un objeto Promise integrado proporciona funcionalidad para manejar promesas y asociar controladores con el resultado final de una acción asincrónica. Recientemente, la especificación de JavaScript introdujo métodos combinadores, que permiten a los desarrolladores combinar múltiples promesas de JavaScript y realizar operaciones basadas en diferentes escenarios. Los métodos introducidos son: Promise.race, Promise.all, Promise.allSettled y Promise.any.
Async/await permite estructurar una función asincrónica y sin bloqueo de forma similar a una función síncrona ordinaria. Se puede escribir código asincrónico y sin bloqueo, con una sobrecarga mínima, estructurado de manera similar al código de bloqueo síncrono tradicional.
Históricamente, algunos motores de JavaScript admitían estas funciones no estándar:
catch
(como Java)function(args) expr
; esta sintaxis experimental es anterior a las funciones de flecha)Las variables en JavaScript se pueden definir usando las palabras clave var
, [75] let
[76] o const
[77] . Las variables definidas sin palabras clave se definirán en el ámbito global.
// Declara una variable con ámbito de función denominada `x` e implícitamente le asigna el // valor especial `undefinido`. Las variables sin valor se // establecen automáticamente como indefinidas. // var generalmente se considera una mala práctica y generalmente se prefieren let y const. varx ; // Las variables se pueden configurar manualmente en `indefinido`, así let x2 = undefinido ; // Declara una variable con ámbito de bloque denominada `y` e implícitamente la establece en // `undefinido`. La palabra clave `let` se introdujo en ECMAScript 2015. let y ; // Declara una variable no reasignable con ámbito de bloque denominada `z` y la establece // como una cadena literal. La palabra clave `const` también se introdujo en ECMAScript 2015 // y debe asignarse explícitamente.// La palabra clave `const` significa constante, por lo tanto, la variable no se puede reasignar // ya que el valor es `constante`. const z = "¡este valor no se puede reasignar!" ; // Declara una variable de ámbito global y asigna 3. Esto generalmente se considera // una mala práctica y no funcionará si el modo estricto está activado. t = 3 ; // Declara una variable llamada `myNumber` y le asigna un número literal (el valor // `2`). deje miNúmero = 2 ; // Reasigna `myNumber`, configurándolo en una cadena literal (el valor `"foo"`). // JavaScript es un lenguaje de tipo dinámico, por lo que es legal. miNúmero = "foo" ;
Tenga en cuenta los comentarios en los ejemplos anteriores, todos los cuales estaban precedidos por dos barras diagonales .
No hay una funcionalidad de entrada/salida incorporada en JavaScript, sino que la proporciona el entorno de ejecución. La especificación ECMAScript en la edición 5.1 menciona que "no hay disposiciones en esta especificación para la entrada de datos externos o la salida de resultados calculados". [78]
Sin embargo, la mayoría de los entornos de ejecución tienen un console
objeto que se puede utilizar para imprimir la salida. [79] Aquí hay un minimalista "¡Hola, mundo!" programa en JavaScript en un entorno de ejecución con un objeto de consola:
consola . log ( "¡Hola mundo!" );
En documentos HTML, se requiere un programa como este para obtener una salida:
// Los nodos de texto se pueden crear utilizando el método "escribir". // Esto está mal visto, ya que puede sobrescribir el documento si está completamente cargado. documento . escribir ( 'foo' );// También se pueden crear elementos. Primero, deben crearse en el DOM. const myElem = documento . crearElement ( 'intervalo' ); // También se pueden configurar atributos como clases y la identificación myElem . lista de clases . agregar ( 'foo' ); miElem . identificación = 'barra' ; // Después de configurar esto, la etiqueta se verá así: `<span class="foo" id="bar" data-attr="baz"></span>` myElem . setAttribute ( 'atributo-datos' , 'baz' ); // Que también podría escribirse como `myElem.dataset.attr = 'baz'` // Finalmente, añádelo como elemento secundario al <cuerpo> en el documento HTML . cuerpo . appendChild ( miElem );// Los elementos se pueden capturar imperativamente con querySelector para un elemento, o querySelectorAll para múltiples elementos que se pueden repetir con forEach document . querySelector ( '.clase' ); // Selecciona el primer elemento con el documento de clase "clase" . selector de consulta ( '#id' ); // Selecciona el primer elemento con un `id` de documento "id" . querySelector ( '[datos-otros]' ); // Selecciona el primer elemento con el atributo "datos-otros" documento . querySelectorAll ( '.múltiple' ); // Devuelve una NodeList similar a una matriz de todos los elementos con la clase "múltiple"
Una función recursiva simple para calcular el factorial de un número natural :
function factorial ( n ) { // Comprobando la legitimidad del argumento. Factorial se define para números enteros positivos. if ( isNaN ( n )) { consola . error ( "No se permiten argumentos no numéricos." ); devolver NaN ; // El valor especial: No es un número } if ( n === 0 ) devuelve 1 ; // 0! = 1 si ( n < 0 ) devuelve indefinido ; // El factorial de números negativos no está definido. si ( n % 1 ) { consola . warn ( ` ${ n } se redondeará al entero más cercano. Para números no enteros, considere usar la función gamma en su lugar.` ); n = Matemáticas . redondo ( norte ); } // No es necesario repetir las comprobaciones anteriores en la recursividad, por lo que se define la parte recursiva real por separado a continuación. // La siguiente línea es una expresión de función para calcular recursivamente el factorial. Utiliza la sintaxis de flechas introducida en ES6. const recursivamenteCalcular = a => a > 1 ? a * recursivamente Calcular ( a - 1 ) : 1 ; // Tenga en cuenta el uso del operador ternario `?`. regresar recursivamente Calcular ( n ); } factores ( 3 ); // Devuelve 6
Una función anónima (o lambda):
contador constante = función () { let count = 0 ; función de retorno () { retorno ++ recuento ; } }; constante x = contador (); x (); // Devuelve 1 x (); // Devuelve 2 x (); // Devuelve 3
Este ejemplo muestra que, en JavaScript, los cierres de funciones capturan sus variables no locales por referencia.
Las funciones de flecha se introdujeron por primera vez en la sexta edición: ECMAScript 2015 . Acortan la sintaxis para escribir funciones en JavaScript. Las funciones de flecha son anónimas, por lo que se necesita una variable que haga referencia a ellas para poder invocarlas después de su creación, a menos que estén entre paréntesis y se ejecuten inmediatamente.
Ejemplo de función de flecha:
// Las funciones de flecha nos permiten omitir la palabra clave `función`. // Aquí `long_example` apunta a un valor de función anónimo. const long_example = ( entrada1 , entrada2 ) => { consola . log ( "¡Hola mundo!" ); salida constante = entrada1 + entrada2 ; salida de retorno ; }; // Si no hay llaves, la función de flecha simplemente devuelve la expresión // Entonces aquí está (entrada1 + entrada2) const short_example = ( entrada1 , entrada2 ) => entrada1 + entrada2 ; ejemplo_largo ( 2 , 3 ); // Imprime "¡Hola mundo!" y devuelve 5 ejemplo_corto ( 2 , 5 ); // Devuelve 7 // Si una función de flecha tiene solo un parámetro, se pueden eliminar los paréntesis. const no_parentheses = entrada => entrada + 2 ; no_paréntesis ( 3 ); // Devuelve 5 // Una función de flecha, al igual que otras definiciones de funciones, se puede ejecutar en la misma declaración en la que se crean. // Esto es útil al escribir bibliotecas para evitar llenar el alcance global y para cierres. sean tres = (( a , b ) => a + b ) ( 1 , 2 ); const generate_multiplier_function = a => ( b => isNaN ( b ) || ! b ? a : a *= b ); const cinco_múltiples = generar_función_multiplicadora ( 5 ); // El argumento proporcionado "genera" la expresión y es retenido por a. cinco_múltiplos ( 1 ); // Devuelve 5 cinco_múltiplos ( 3 ); // Devuelve 15 cinco_múltiplos ( 4 ); // Devuelve 60
En JavaScript, los objetos se pueden crear como instancias de una clase .
Ejemplo de clase de objeto:
clase bola { constructor ( radio ) { este . radio = radio ; este . área = Matemáticas . PI * ( radio ** 2 ); } // Las clases (y por tanto los objetos) pueden contener funciones conocidas como métodos show () { console . log ( este . radio ); } }; const miBola = nueva Bola ( 5 ); // Crea una nueva instancia del objeto bola con radio 5 myBall . radio ++ ; // Las propiedades del objeto normalmente se pueden modificar desde fuera de myBall . espectáculo (); // Usando la función heredada "mostrar" registra "6"
En JavaScript, se pueden crear instancias de objetos directamente desde una función.
Ejemplo funcional de objeto:
función Bola ( radio ) { área constante = Matemáticas . PI * ( radio ** 2 ); const obj = { radio , área }; // Los objetos son mutables y las funciones se pueden agregar como propiedades. objeto . mostrar = () => consola . log ( obj . radio ); objeto de retorno ; }; const miBola = Bola ( 5 ); // Crea un nuevo objeto de bola con radio 5. No se necesita la palabra clave "nueva". mi bola . radio ++ ; // La propiedad de la instancia se puede modificar. mi bola . espectáculo (); // El uso de la función "mostrar" registra "6": el nuevo valor de instancia.
Demostración de función variablearguments
( es una variable especial ): [80]
función suma () { sea x = 0 ; for ( sea i = 0 ; i < argumentos . longitud ; ++ i ) x += argumentos [ i ]; devolver x ; } suma ( 1 , 2 ); // Devuelve 3 suma ( 1 , 2 , 3 ); // Devuelve 6 // A partir de ES6, usando el operador rest. función suma (... args ) { return args . reducir (( a , b ) => a + b ); } suma ( 1 , 2 ); // Devuelve 3 suma ( 1 , 2 , 3 ); // Devuelve 6
Las expresiones de función invocadas inmediatamente se utilizan a menudo para crear cierres. Los cierres permiten reunir propiedades y métodos en un espacio de nombres y hacer que algunos de ellos sean privados:
let contador = ( function () { let i = 0 ; // Propiedad privada return { // Métodos públicos obtienen : función () { alerta ( i ); }, establecer : función ( valor ) { i = valor ; }, incremento : función () { alerta ( ++ i ); } }; })(); // módulo encimera . conseguir (); // Devuelve 0 contador . conjunto ( 6 ); encimera . incremento (); // Devuelve 7 contadores . incremento (); // Devuelve 8
Los objetos generadores (en forma de funciones generadoras) proporcionan una función a la que se puede llamar, salir y volver a ingresar mientras se mantiene el contexto interno (estado). [81]
función * rawCounter () { rendimiento 1 ; rendimiento 2 ; } función * contador dinámico () { let count = 0 ; while ( true ) { // No se recomienda utilizar bucles while true en la mayoría de los casos. rendimiento ++ recuento ; } } // Instancias const contador1 = rawCounter (); contador constante2 = contador dinámico (); // Contador de implementación1 . próximo (); // {valor: 1, hecho: falso} contador1 . próximo (); // {valor: 2, hecho: falso} contador1 . próximo (); // {valor: indefinido, hecho: verdadero} contador2 . próximo (); // {valor: 1, hecho: falso} contador2 . próximo (); // {valor: 2, hecho: falso} contador2 . próximo (); // {valor: 3, hecho: falso} // ...infinitamente
JavaScript puede exportar e importar desde módulos: [82]
Ejemplo de exportación:
/* mymodule.js */ // Esta función permanece privada, ya que no se exporta let sum = ( a , b ) => { return a + b ; } // Exportar variables export let nombre = 'Alice' ; exportar dejar edad = 23 ; // Exportar funciones con nombre export function add ( num1 , num2 ) { return num1 + num2 ; } // Exportar clase exportar clase Multiplicación { constructor ( num1 , num2 ) { this . número1 = número1 ; este . número2 = número2 ; } add () { return suma ( este . num1 , este . num2 ); } }
Ejemplo de importación:
// Importar una propiedad import { add } from './mymodule.js' ; consola . iniciar sesión ( agregar ( 1 , 2 )); // 3 // Importar múltiples propiedades import { nombre , edad } de './mymodule.js' ; consola . iniciar sesión ( nombre , edad ); ///> "Alicia", 23 // Importar todas las propiedades de un módulo import * desde la consola './module.js' . iniciar sesión ( nombre , edad ); ///> "Alicia", 23 consola . iniciar sesión ( agregar ( 1 , 2 )); // 3
Este código de muestra muestra varias funciones de JavaScript.
/* Encuentra el mínimo común múltiplo (MCM) de dos números */ function LCMCalculator ( x , y ) { // función constructora if ( isNaN ( x * y )) throw new TypeError ( "No se permiten argumentos no numéricos". ) ; const checkInt = function ( x ) { // función interna if ( x % 1 !== 0 ) throw new TypeError ( x + "no es un número entero" ); devolver x ; }; este . a = checkInt ( x ) // los puntos y coma ^^^^ son opcionales, una nueva línea es suficiente . b = comprobarInt ( y ); } // El prototipo de las instancias de objeto creadas por un constructor es // la propiedad "prototipo" de ese constructor. Calculadora LMC . prototipo = { // constructor literal del objeto : LCMCalculator , // al reasignar un prototipo, establece la propiedad del constructor apropiadamente gcd : función () { // método que calcula el máximo común divisor // Algoritmo euclidiano: let a = Math . abs ( este . a ), b = Matemáticas . abs ( este . b ), t ; if ( a < b ) { // intercambiar variables // t = b; segundo = a; a = t; [ a , b ] = [ b , a ]; // intercambiar usando asignación desestructurante (ES6) } mientras ( b !== 0 ) { t = b ; b = un % b ; a = t ; } // Solo es necesario calcular el MCD una vez, por lo que "redefine" este método. // (En realidad no es una redefinición: se define en la instancia misma, // de modo que this.gcd se refiere a esta "redefinición" en lugar de LCMCalculator.prototype.gcd. // Tenga en cuenta que esto conduce a un resultado incorrecto si los miembros del objeto LCMCalculator "a" o "b" se modifican después.) // Además, 'gcd' === "gcd", this['gcd'] === this.gcd this [ 'gcd' ] = function () { return a ; }; devolver un ; }, // Los nombres de las propiedades de los objetos se pueden especificar mediante cadenas delimitadas por comillas dobles (") o simples ('). "lcm" : function () { // Los nombres de las variables no chocan con las propiedades del objeto, por ejemplo, |lcm| no es | this.lcm|. // no usar | this.a * this.b | para evitar problemas de precisión de FP let lcm = this . // Sólo es necesario calcular el mcm una vez, por lo que "redefine" este método. este . mcm = función () { retorno mcm ; }; devolver mcm ; }, // Los métodos también se pueden declarar usando la sintaxis de ES6 toString () { // Usando los literales de plantilla de ES6 y el operador (+) para concatenar valores return `LCMCalculator: a = ${ this . a } , b = ` + esto . b ; } }; // Definir función de salida genérica; Esta implementación sólo funciona para navegadores web. Función de salida ( x ) { document . cuerpo . appendChild ( documento . createTextNode ( x )); documento . cuerpo . appendChild ( documento . createElement ( 'br' )); } // Nota: map() y forEach() de la matriz están definidos en JavaScript 1.6. // Se utilizan aquí para demostrar la naturaleza funcional inherente de JavaScript. [ [ 25 , 55 ], [ 21 , 56 ], [ 22 , 58 ], [ 28 , 56 ] ]. map ( function ( par ) { // matriz literal + función de mapeo devuelve nueva LCMCalculator ( par [ 0 ], par [ 1 ]); }). ordenar (( a , b ) => a . lcm () - b . lcm ()) // ordenar con esta función comparativa; => es una forma abreviada de una función, llamada "función de flecha" . para cada uno ( imprimirResultado ); funcion imprimirResultado ( obj ) { salida ( obj + ", gcd = " + obj . gcd () + ", lcm = " + obj . lcm ()); }
El siguiente resultado debería mostrarse en la ventana del navegador.
Calculadora LCMC: a = 28, b = 56, mcd = 28, mcm = 56 Calculadora LCMC: a = 21, b = 56, mcd = 7, mcm = 168 Calculadora LCMC: a = 25, b = 55, mcd = 5, mcm = 275 LCMCalculadora: a = 22, b = 58, mcd = 2, mcm = 638
JavaScript y DOM brindan a los autores maliciosos la posibilidad de entregar scripts para ejecutarlos en una computadora cliente a través de la Web. Los autores de navegadores minimizan este riesgo utilizando dos restricciones. En primer lugar, los scripts se ejecutan en un entorno limitado en el que sólo pueden realizar acciones relacionadas con la Web, no tareas de programación de propósito general como la creación de archivos. En segundo lugar, los scripts están restringidos por la política del mismo origen : los scripts de un sitio web no tienen acceso a información como nombres de usuario, contraseñas o cookies enviadas a otro sitio. La mayoría de los errores de seguridad relacionados con JavaScript son infracciones de la misma política de origen o de la zona de pruebas.
Hay subconjuntos de JavaScript general (ADsafe, Secure ECMAScript (SES)) que brindan mayores niveles de seguridad, especialmente en código creado por terceros (como anuncios). [83] [84] Cierre Toolkit es otro proyecto para la incrustación y el aislamiento seguros de JavaScript y HTML de terceros. [85]
La Política de seguridad de contenido es el principal método previsto para garantizar que solo se ejecute código confiable en una página web.
Un problema de seguridad común relacionado con JavaScript son las secuencias de comandos entre sitios (XSS), una violación de la política del mismo origen . Las vulnerabilidades XSS ocurren cuando un atacante puede hacer que un sitio web objetivo, como un sitio web de banca en línea, incluya un script malicioso en la página web presentada a la víctima. El script de este ejemplo puede acceder a la aplicación bancaria con los privilegios de la víctima, lo que podría revelar información secreta o transferir dinero sin la autorización de la víctima. Una solución importante a las vulnerabilidades XSS es la desinfección de HTML .
Algunos navegadores incluyen protección parcial contra ataques XSS reflejados , en los que el atacante proporciona una URL que incluye un script malicioso. Sin embargo, incluso los usuarios de esos navegadores son vulnerables a otros ataques XSS, como aquellos en los que el código malicioso se almacena en una base de datos. Sólo el diseño correcto de las aplicaciones web en el lado del servidor puede prevenir completamente el XSS.
Las vulnerabilidades XSS también pueden ocurrir debido a errores de implementación por parte de los autores del navegador. [86]
Otra vulnerabilidad entre sitios es la falsificación de solicitudes entre sitios (CSRF). En CSRF, el código en el sitio de un atacante engaña al navegador de la víctima para que realice acciones que el usuario no pretendía en el sitio de destino (como transferir dinero en un banco). Cuando los sitios de destino dependen únicamente de cookies para la autenticación de solicitudes, las solicitudes que se originan a partir del código del sitio del atacante pueden llevar las mismas credenciales de inicio de sesión válidas del usuario que las inicia. En general, la solución a CSRF es exigir un valor de autenticación en un campo de formulario oculto, y no sólo en las cookies, para autenticar cualquier solicitud que pueda tener efectos duraderos. También puede resultar útil comprobar el encabezado HTTP Referrer.
El "secuestro de JavaScript" es un tipo de ataque CSRF en el que una <script>
etiqueta en el sitio de un atacante explota una página del sitio de la víctima que devuelve información privada como JSON o JavaScript. Las posibles soluciones incluyen:
Los desarrolladores de aplicaciones cliente-servidor deben reconocer que los clientes que no son de confianza pueden estar bajo el control de atacantes. El autor de la aplicación no puede asumir que su código JavaScript se ejecutará según lo previsto (o que se ejecutará en absoluto) porque un adversario determinado podría extraer cualquier secreto incrustado en el código. Algunas implicaciones son:
Los sistemas de gestión de paquetes como npm y Bower son populares entre los desarrolladores de JavaScript. Estos sistemas permiten a un desarrollador gestionar fácilmente las dependencias de su programa con respecto a las bibliotecas de programas de otros desarrolladores. Los desarrolladores confían en que los mantenedores de las bibliotecas las mantendrán seguras y actualizadas, pero no siempre es así. Ha surgido una vulnerabilidad debido a esta confianza ciega. Las bibliotecas de confianza pueden tener nuevas versiones que provoquen la aparición de errores o vulnerabilidades en todos los programas que dependen de ellas. A la inversa, una biblioteca puede quedar sin parches con vulnerabilidades conocidas en el mercado. En un estudio realizado en una muestra de 133.000 sitios web, los investigadores encontraron que el 37% de los sitios web incluían una biblioteca con al menos una vulnerabilidad conocida. [89] "El retraso medio entre la versión más antigua de la biblioteca utilizada en cada sitio web y la versión más nueva disponible de esa biblioteca es de 1.177 días en ALEXA, y el desarrollo de algunas bibliotecas todavía en uso activo cesó hace años". [89] Otra posibilidad es que el responsable de una biblioteca pueda eliminarla por completo. Esto ocurrió en marzo de 2016 cuando Azer Koçulu eliminó su repositorio de npm. Esto provocó que decenas de miles de programas y sitios web que dependían de sus bibliotecas fallaran. [90] [91]
JavaScript proporciona una interfaz para una amplia gama de capacidades del navegador, algunas de las cuales pueden tener fallas como desbordamientos del búfer . Estas fallas pueden permitir a los atacantes escribir scripts que ejecutarían cualquier código que deseen en el sistema del usuario. Este código no está limitado de ninguna manera a otra aplicación JavaScript. Por ejemplo, un exploit de desbordamiento del búfer puede permitir que un atacante obtenga acceso a la API del sistema operativo con privilegios de superusuario.
Estos fallos han afectado a los principales navegadores, incluidos Firefox, [92] Internet Explorer, [93] y Safari. [94]
Los complementos, como los reproductores de vídeo, Adobe Flash y la amplia gama de controles ActiveX habilitados de forma predeterminada en Microsoft Internet Explorer, también pueden tener fallas explotables a través de JavaScript (dichas fallas se han explotado en el pasado). [95] [96]
En Windows Vista, Microsoft ha intentado contener los riesgos de errores como los desbordamientos del búfer ejecutando el proceso de Internet Explorer con privilegios limitados. [97] Google Chrome de manera similar limita sus procesadores de páginas a su propio " sandbox ".
Los navegadores web son capaces de ejecutar JavaScript fuera del entorno limitado, con los privilegios necesarios para, por ejemplo, crear o eliminar archivos. Dichos privilegios no están destinados a otorgarse al código de la Web.
La concesión incorrecta de privilegios a JavaScript desde la Web ha influido en las vulnerabilidades tanto en Internet Explorer [98] como en Firefox. [99] En Windows XP Service Pack 2, Microsoft degradó los privilegios de JScript en Internet Explorer. [100]
Microsoft Windows permite que los archivos fuente de JavaScript en el disco duro de una computadora se ejecuten como programas de propósito general, no en espacio aislado (consulte: Windows Script Host ). Esto hace que JavaScript (como VBScript ) sea un vector teóricamente viable para un caballo de Troya , aunque los caballos de Troya JavaScript son poco comunes en la práctica. [101] [ verificación fallida ]
En 2015, investigadores de seguridad describieron en un artículo una implementación de prueba de concepto basada en JavaScript de un ataque de martillo . [102] [103] [104] [105]
En 2017, se demostró un ataque basado en JavaScript a través del navegador que podía eludir ASLR . Se llama "ASLR⊕Cache" o AnC. [106] [107]
En 2018, el documento que anunció los ataques de Spectre contra Speculative Execution en Intel y otros procesadores incluía una implementación de JavaScript. [108]
Herramientas importantes han evolucionado con el lenguaje.
Un error común es pensar que JavaScript está directamente relacionado con Java . De hecho, ambos tienen una sintaxis similar a C (el lenguaje C es su lenguaje ancestro común más inmediato). También suelen estar protegidos y JavaScript se diseñó teniendo en cuenta la sintaxis y la biblioteca estándar de Java. En particular, todas las palabras clave de Java estaban reservadas en JavaScript original, la biblioteca estándar de JavaScript sigue las convenciones de nomenclatura de Java y JavaScript Math
y Date
los objetos se basan en clases de Java 1.0. [111]
Ambos lenguajes aparecieron por primera vez en 1995, pero Java fue desarrollado por James Gosling de Sun Microsystems y JavaScript por Brendan Eich de Netscape Communications.
Las diferencias entre los dos idiomas son más prominentes que sus similitudes. Java tiene escritura estática , mientras que la escritura de JavaScript es dinámica . Java se carga desde el código de bytes compilado , mientras que JavaScript se carga como código fuente legible por humanos. Los objetos de Java se basan en clases , mientras que los de JavaScript se basan en prototipos . Finalmente, Java no admitió la programación funcional hasta Java 8, mientras que JavaScript lo ha hecho desde el principio, siendo influenciado por Scheme .
JSON es un formato de datos derivado de JavaScript; de ahí el nombre de notación de objetos JavaScript. Es un formato ampliamente utilizado y compatible con muchos otros lenguajes de programación.
Muchos sitios web tienen mucho JavaScript, por lo que se han creado transpiladores para convertir el código escrito en otros lenguajes, lo que puede ayudar en el proceso de desarrollo. [35]
TypeScript y CoffeeScript son dos lenguajes notables que se transpilan a JavaScript.
WebAssembly es un lenguaje más nuevo con un formato de código de bytes diseñado para complementar JavaScript, especialmente las partes críticas para el rendimiento de los scripts de páginas web . Todos los principales motores de JavaScript admiten WebAssembly, [112] que se ejecuta en el mismo entorno limitado que el código JavaScript normal.
asm.js es un subconjunto de JavaScript que sirvió como precursor de WebAssembly. [113]
Eich: La preocupación inmediata en Netscape era que debía parecerse a Java.
Eich: "función", ocho letras, AWK me influyó.
[Des]de la introducción de JScript versión 1.0 en 1996... hemos estado viendo un aumento constante en el uso de JScript en el servidor, particularmente en Active Server Pages (ASP).