Este artículo no es un artículo manual de referencia, solo es adecuado para generar una comprensión general de JS. Si necesita la sintaxis detallada y la aplicación de JS, muévase a W3School.
¿Qué es JavaScript?
El nacimiento de JavaScript
Alrededor de 1995, el ancho de banda convencional en el mundo fue de 28.8kbps, y el ancho de banda de descarga promedio en el mundo ahora es de 21.9Mbps (los datos provienen de http://www.netindex.com). En ese momento, los internautas tuvieron que esperar mucho tiempo para recibir una respuesta del servidor cada vez que enviaban un formulario. Es muy probable que lo que recibieron después de esperar durante unos minutos fue que les faltaba uno. Para mejorar la experiencia del usuario, los scripts integrados en el cliente del navegador que pueden lograr un juicio de forma simple nacieron, lo cual es JavaScript.
JavaScript fue desarrollado por primera vez por Brendan Eich, quien trabajó en Netscape (NN2.0), para Netscapenavigator 2.0 (NN2.0), que se lanzará en 1995, y luego se llamó Livescript. Como estaba trabajando con la muy popular compañía Sun en ese momento, para ponerse al día con la tendencia del tiempo: Java Language, este idioma se llamaba JavaScript.
¿Cuál es la relación entre JavaScript y Java?
Esta es también la primera reacción de laicos cuando escuchan a JavaScript, y también es uno de los problemas más criticados en este idioma.
Estrictamente hablando, no hay relación entre medio centavo. Si tiene que involucrarse, tal vez algunas de las funciones de los dos sean las mismas ideas orientadas a objetos, estructuras de juicio, declaraciones de bucle, etc., pero obviamente no son las patentes de Java, sino el consenso de los lenguajes de programación.
Estandarización de JavaScript e historial de desarrollo
Cuando se lanzó JavaScript, los navegadores NN con una mejor experiencia de usuario dominaron el mercado de navegadores, y Microsoft se ha estado poniendo al día. Cuando se lanzó IE3, Microsoft lanzó VBScript y lo llamó JScript, que en realidad no es muy diferente de JavaScript de Netscape (en términos de hoy, es un imitador). Ante la competencia de Microsoft, Netscape y Sun presentaron su propio borrador de JavaScript a ECMA (Asociación Europea de Fabricantes de Computadores) para estandarizar a JavaScript, y finalmente formaron la primera versión de ECMAScript (ECMA-262).
Curiosamente, después de JavaScript estandarizado de Netscape, hubo un problema interno. La investigación de JavaScript se estancó, mientras que Microsoft aprovechó la oportunidad para ponerse al día y lanzado IE4, que incorporó el primer motor JavaScript que siguió a las especificaciones de ECMA, un año antes de NN. Además, Microsoft System está ocupando gradualmente el mercado del sistema operativo de la computadora, y su participación de mercado de navegador IE preinstalada está aumentando gradualmente, y NN se está reduciendo constantemente al mercado. Sin embargo, cuando Microsoft pierde su mayor rival, no tiene motivación para desarrollar. IE6 ~ IE8, tanto la interpretación de la interfaz como la ejecución de script, es incompatible entre sí, convirtiéndose en un bicho raro en la historia de los navegadores y una pesadilla para los desarrolladores de front-end.
La copia del código es la siguiente:
1.v1 Primera edición en junio de 1997
2.V2 Junio de 1998 Formato revisado para que su forma sea consistente con el Estándar Internacional ISO/IEC16262
3.v3 de diciembre de 1999 expresiones regulares potentes, mejor procesamiento de la cadena de texto, nuevas instrucciones de control, manejo de excepciones, definiciones de error más claras, formato de salida de números y otros cambios
4.v4 no completado ... tal vez una definición de clase más explícita, espacio de nombres, etc ...
5.v5 En diciembre de 2009, se agregó "modo estricto", un subconjunto utilizado para proporcionar una verificación de errores más exhaustiva para evitar errores estructurales. Aclare muchas especificaciones difusas de la versión 3 y acomoda el comportamiento de las implementaciones del mundo real que sean diferentes de manera constante de esa especificación. Se han agregado algunas características nuevas, como Getters y Setters, que admiten JSON y reflexiones más completas sobre las propiedades del objeto.
**** En junio de 2004, la Asociación Europea de Fabricantes de Computadores emitió el estándar ECMA-357, que es una extensión de ECMAScript, también conocida como E4X (ECMAScript para XML).
¿Cuál es la relación entre JavaScript y Ecmascript?
De hecho, la pregunta debería ser cuál es la relación entre JavaScript, JScript y Ecmascript. De hecho, ECMAScript es la especificación general. JavaScript y JScript se desarrollan de acuerdo con esta especificación y son compatibles con ECMAScript, pero contienen funciones más allá de ECMAScript. Sin embargo, no importa qué tipo sea ahora, comúnmente se llama JavaScript, porque apareció por primera vez y tiene la mayor influencia y su nombre se ha transmitido hasta el día de hoy.
¿Qué puede hacer JavaScript?
En las páginas web, JavaScript puede completar todas las operaciones que requieren procesamiento lógico. Por ejemplo:
La copia del código es la siguiente:
• Verificación de forma
• Efectos de animación
• Juegos web
•Cuenta atrás
•…
Hay muchas otras aplicaciones, en las que no explicaré aquí. Creo que después de aprender este idioma, encontrará muchas aplicaciones.
¿Por qué aprender JavaScript?
1. Debido a que no tiene otra opción, solo JavaScript puede controlar todos los navegadores de uso común, y JavaScript es uno de los lenguajes de programación más importantes del mundo, y el aprendizaje de la tecnología web debe aprender JavaScript.
2. JavaScript es un idioma hermoso, es muy bueno, por lo que necesitamos aprender
Posicionamiento de JavaScript
La copia del código es la siguiente:
1. JavaScript es un lenguaje de secuencias de comandos ligero que no requiere compilación y está analizado y ejecutado por el motor de análisis de JavaScript (generalmente se refiere al navegador y, por supuesto, los analizadores como el nodo no están excluidos)
2. JavaScript tiene características de lenguaje no funcionales, características del lenguaje funcional y características de lenguaje dinámico, y su sintaxis es muy flexible.
3. JavaScript es un lenguaje de programación orientado a objetos. Hay un dicho en el mundo de JavaScript: todo es un objeto. Su herencia se basa en la herencia prototipo (he escrito un artículo especial que explica la herencia prototipo antes)
4. JavaScript es un idioma C, por lo que es fácil para cualquiera que haya aprendido C comenzar con JavaScript.
5. JavaScript está escrito sin un compilador, pero solo un editor de texto (el bloc de notas está exento, el texto sublime es muy recomendable aquí)
¿Qué es JavaScript?
El JavaScript que usamos ahora incluye tres partes: DOM, BOM y ECMAScript (o Core JS).
Domina
Aquí, por defecto, todos tienen al menos cierta comprensión de HTML y CSS. Si omite HTML y CSS directamente para leer este artículo, lea este lugar primero.
DOM, modelo de objeto de documento
Sabemos que XHTML requiere que las etiquetas se cierren y que la anidación debe ser correcta. La anidación de las etiquetas crea una relación padre-hijo (o una relación de ancestro-desescendiente). DOM proporciona una gran cantidad de API, lo que nos permite manipular fácilmente los árboles DOM. Escribiré un artículo más tarde hablando específicamente de JS Dom.
Usando DOM, podemos modificar dinámicamente el contenido de la página, ajustar los estilos, etc., que también es un reflejo de la diversidad JS.
Proseperar
Bom, modelo de objeto del navegador
Similar a DOM, excepto que el cuerpo principal se convierte en un navegador. El navegador también proporciona una gran cantidad de API, algunas de las cuales están abiertas a JS, proporcionándonos una forma de operar ventanas del navegador.
Usos comunes:
La copia del código es la siguiente:
1. La capacidad de aparecer una nueva ventana del navegador;
2. La capacidad de moverse, cerrar y cambiar el tamaño de la ventana del navegador;
3. Objetos de navegación que pueden proporcionar información detallada del navegador web;
4. Objetos locales que pueden proporcionar información detallada sobre la página de carga del navegador;
5. Objetos de pantalla que pueden proporcionar información detallada sobre la resolución de pantalla del usuario;
6. Soporte de cookies;
7. Internet Explorer extiende BOM para incluir clases de objetos ActiveX, y los objetos ActiveX se pueden implementar a través de JavaScript.
Núcleo de ECMAScript
También llamado JS Core, sin importar cómo lo llame, significa el mismo significado, representa la composición central del lenguaje JS, incluida la definición variable, la recolección de basura, la sintaxis, el alcance, etc. A diferencia del DOM y la licenciatura mencionada anteriormente, solo requieren que usemos estas API, y el núcleo de Ecmascript es la esencia de este idioma y requiere una investigación continua. El próximo capítulo hablará más sobre la sintaxis de JS.
Uso de JavaScript
Estilo en línea
La forma en línea es JavaScript escrita en etiquetas. Por ejemplo, escribimos en HTML:
La copia del código es la siguiente:
<botón onClick = "alerta ('ser hecho clic');"> Haga clic en </botón>
Cuando hacemos clic en el botón, el cuadro se mostrará "se hace clic".
Pero tenga en cuenta que esto no se recomienda fuertemente, porque esto causará grandes problemas para el mantenimiento. Cada vez que necesitamos cambiar el evento, primero debemos encontrar el elemento y luego modificar su contenido de JavaScript, y estos códigos JavaScript no se pueden reutilizar.
Además, los eventos escritos en etiquetas deben estar 'activados', y JS solo se puede introducir a través de eventos en etiquetas, y no se pueden escribir expresiones JS simples.
Incorporado
Incrustado significa escribir código JS en la etiqueta de script HTML. El método es agregar una etiqueta de script a HTML y luego insertar cualquier código JS en el medio de la etiqueta, como sigue:
La copia del código es la siguiente:
<html>
<Body>
<botón id = "btn"> haga clic en </botón>
</body>
<script>
<span style = "Font-Family: Arial, Helvetica, Sans-Serif;"> var btn = document.getElementById ("btn"); </span> <preame = "código"> btn.onclick = function () {
alerta ("ser clic");
}
</script> </html>
Si usa estilo incrustado, es mucho más libre que el estilo en línea. Puede escribir más código, evitar los problemas de escape de cotizaciones y mantenerlo más fácil. Pero el problema también existe. Estos códigos solo se pueden aplicar a esta página y no pueden ser utilizados por otras páginas.
Externo
El método de conexión externa resuelve todas las deficiencias de las dos formas anteriores. Los siguientes métodos son:
Cree un nuevo archivo primero y cambie el sufijo a .js. Por ejemplo, creamos un nuevo archivo click.js y copiamos el código JS en la versión integrada que acabamos de escribir (tenga en cuenta que no incluimos etiquetas de script)
La copia del código es la siguiente:
var btn = document.getElementById ("btn");
btn.onclick = functer () {
alerta ("ser clic");
}
Luego importárelo en html a través de la etiqueta de script
La copia del código es la siguiente:
<html>
<Body>
<botón id = "btn"> haga clic en </botón>
</body>
<script src = "click.js"> </script>
</html>
La ventaja de esto es que el mismo código JS puede compartirse mediante múltiples páginas HTML. La desventaja es que aumenta el número de archivos y se incrementa el tiempo requerido para las solicitudes. Por lo tanto, la reutilización del código debe mejorarse, y finalmente el archivo JS debe fusionarse (fusionar diferentes archivos JS en un archivo JS)