¿Qué es JavaScript?? - Guía para principiantes
Por lo tanto vino Javascript. Es uno de los más populares lenguas de secuencias de comandos ese trabajo en el lado del cliente Para manejar la interactividad de su página web. Además, puede aumentar el comportamiento dinámico del sitio web manipulando el contenido que recibe del servidor web. Hay un montón de cosas que JavaScript puede hacer, lo aprenderemos en este artículo junto con cómo funciona y algunos conceptos básicos.
Varias funciones que puede hacer con JavaScript:
- Modificar el contenido de la página web agregando y eliminando los elementos.
- Monitoree varios clics del mouse, pasee los eventos y maneje sus acciones.
- Controlar varias animaciones y transiciones.
- Manejo de eventos cuando un usuario ingresa alguna entrada.
- Valide la entrada que proporciona el usuario antes de enviar al servidor.
Y muchos más, puedes controlar cómo se comporta tu página.
Por qué aprender JavaScript?
JavaScript se consideró una herramienta solo para páginas web interactivas. Pero esos días han desaparecido, y ahora puede crear aplicaciones móviles y web completas, así como aplicaciones de redes utilizando varios marcos proporcionados por JavaScript.
También puedes diseñar juegos de navegador con JavaScript. Está superando otros idiomas y las compañías famosas están construyendo sus aplicaciones en torno a JavaScript. Ahora, sabes la importancia de aprender JavaScript, así que veamos cómo funciona.
Editor de código JavaScript
Para el código JavaScript, puede usar la consola del navegador o incluso los editores de JS en línea. Pero, es mejor usar editores de código. Hay varios editores de código que existen como Visual Studio Code, Sublime Text, Atom y más puede consultar varios editores de JavaScript disponibles a través de este artículo. De estos, Visual Studio Code es muy recomendable, ya que es el editor de código más utilizado, y el razonamiento detrás es su soporte constante para las próximas tecnologías y la interfaz de usuario fácil de usar.
Cómo agregar JavaScript a su archivo?
Hay dos formas de agregar JavaScript a su archivo HTML:
Guión interno (Configuración de JavaScript dentro del archivo HTML usando la etiqueta)
Script externo (Crear un archivo separado para el código JS y agregar el enlace en la etiqueta
consol.registrar, alertas y documentar.Escribir en JavaScript
Un comando útil para depurar y registrar su código es consola.registro. Es útil escribir contenido indirectamente en la consola web.
consola.log ("Hola mundo");Alertas se utilizan para proporcionar alertas al usuario final que accede a la página web.
alerta ("hola mundo");Documento.escribir Modifica el contenido en la página web agregando contenido adicional a su página web.
documento.escribir ("Bienvenido a la página web!");En JavaScript, la consola tiene un montón de métodos. Más información en deterioro está aquí.
Cómo agregar comentarios en JavaScript
Mientras se programan, escribir comentarios son extremadamente útiles. Le ayuda a recordar lo que codificó y si hay alguna información adicional que necesita escribir para la otra persona que está revisando su código. Ambos soltero y múltiple Los comentarios de la línea se pueden escribir. Para usar un comentario de una sola línea en el código (JavaScript) usamos //:
// Esta oración completa es un gran comentario de una sola línea.Mientras que, en el caso de múltiples comentario de línea, use / * en la mendicidad y cierre usando * /:
/* Este es un comentario de múltiples líneas. Incluso puedes incluso tu blog aquí si quieres. */Variables en JavaScript
Al igual que en cualquier otro lenguaje de programación, las variables también se usan en JavaScript. El trabajo de una variable es mantener un tipo de datos en una referencia con nombre. En JavaScript podemos establecer variables utilizando tres formas: varilla, dejar, estúpido.
El varilla se usa desde el comienzo de JavaScript y está a nivel mundial, lo que significa que todas las funciones en esa página o en ese programa pueden acceder a ella.
var x = 15;var y = 4;
consola.log (x + y);
Producción:
Porque es un alcance global, es mejor usar dejar y estúpido. La razón es que a veces desea declarar una variable en una declaración IF, y fuera de la declaración IF que desea declarar la variable con el mismo nombre. Usar var causará problemas. Para comprender más sobre las variables globales en JavaScript, puede consultar este artículo.
Los dos tipos restantes de variables que están disponibles en JavaScript son dejar y estúpido. Uso de que podamos declarar cualquier tipo de datos, mientras que, en el caso de const, solo se declaran valores constantes.
Sea msg = "hola mundo";consola.log (msg);
msg = 10;
consola.log (msg);
Producción:
Aquí, declaramos una cadena, así como un tipo de datos de números, utilizando la variable LET. Ahora, usando const, si intentamos declarar cualquier valor que no sea constante, nos dará un error.
// a continuación causará un error.const pi = 3.142;
consola.log (pi);
Pi = 3.15;
consola.log (pi);
Tipos de datos en JavaScript
JavaScript nos proporciona varios tipos de datos como Números, Instrumentos de cuerda, Booleanos, Flotar, Objetos, y más. Si desea leer sobre los tipos de datos en JavaScript, puede dirigirse a los documentos oficiales de MDN. Le dice al programa con qué tipo de datos están trabajando y manipulando.
Número: El tipo de datos para representar un entero o punto de flotación positivo y negativo es el número.
Sea num = 11;consola.log (num);
consola.log (typeOf num);
num = -12;
consola.log (num);
consola.log (typeOf num);
Producción:
Cadena: Para almacenar una secuencia de caracteres, se utiliza el tipo de datos de cadena.
Sea x = "bienvenido"consola.log (x);
consola.log (typeof x);
Producción:
Booleano: Un tipo de datos que representa valores verdaderos y falsos en un programa.
Sea x = verdaderoconsola.log (x);
consola.log (typeof x);
Producción:
Objetos: Para almacenar la recopilación de varios tipos de datos en una sola variable, se utilizan objetos.
Deja que la película =Nombre: "Inception",
Género: "Thriller",
YeroFrelease: "2010",
Número de copias: 10
;
consola.log (película);
consola.log (tipo de película);
Producción:
Matrices en JavaScript
Para almacenar la recopilación de datos de cualquier tipo, podemos usar matrices. Simplemente inicialice la matriz usando el constructor de matriz:
Sea meses = nueva matriz ();O con [] Inicialización:
Sea meses = [];O simplemente cree una matriz con datos explícitos:
Sea meses = ["enero", "febrero", "marzo", "abril", "may"];El índice en la matriz comienza con cero, y para acceder a cualquier elemento simplemente tiene que escribir una matriz [inexposición]:
Sea meses = ["enero", "febrero", "marzo", "abril", "may"];consola.registro (meses [3]);
Producción:
Para comprender mejor el concepto de matriz en JavaScript, consulte este artículo.
Métodos para diferentes tipos de datos en JavaScript
Existen varios métodos para manipular los valores de varios tipos de datos.
Métodos de cadena: Para modificar los valores de una cadena, existen numerosos métodos diferentes disponibles para nosotros. Estos se pueden usar para verificar la longitud de una cadena, encontrar la posición de una determinada palabra en una cadena o convertirla en diferentes tipos de datos.
Sea x = "Hola, bienvenido a casa"// para verificar la longitud de la cadena
consola.Log (x.longitud);
// para cortar una parte específica de la cadena
consola.Log (x.rebanada (3, 7));
// para reemplazar una palabra específica en una cadena
consola.Log (x.reemplazar ("inicio", "aquí"));
// para convertir la cadena en letras minúsculas
consola.Log (x.tolowercase ());
Producción:
Por supuesto, hay varios otros métodos, si desea obtener más información, consulte este artículo también.
Métodos numéricos: De manera similar, para manipular el valor de un tipo de datos numéricos, existen varios métodos. Algunos de estos se proporcionan a continuación:
Sea x = 4445.4// para convertir los números en una cadena
consola.Log (x.Encadenar);
// para convertir el número en su consola de formulario exponencial.Log (x.toExPonential ());
// Devuelve el número con longitud especificada
consola.Log (x.Toprecision (2));
Producción:
JavaScript nos proporciona métodos para objetos, booleanos, matrices y más.
Condiciones en JavaScript
Otra parte fundamental de la programación es tomar decisiones y causar algunas acciones basadas en estas decisiones. Esto se puede hacer a través de declaraciones condicionales en JavaScript. Puedes usar:
Si ... más:
Let Balance = 1200;Si (Balance < 1000)
consola.log ("Balance de menos de 1000");
demás
consola.log ("Balance de más de 1000");
Producción:
Si ... más si ... más:
Let Balance = 1200;Si (Balance <1000)
consola.log ("Balance de menos de 1000");
más if (balance> 1000 && Balance <1500)
consola.log ("Balance entre 1000-1500");
else consola.log ("Balance más de 1500");
Producción:
Cambiar:
Let Alphabet = 'B';interruptor (alfabeto)
Caso 'A':
consola.log ("huevo");
romper;
Caso 'B':
consola.log ("mango");
romper;
por defecto:
consola.Log ("Té!");
Producción:
Para comprender mejor el tema, puede consultar estos artículos de las declaraciones condicionales de IF-Else y cambiar en detalle.
Bucles en JavaScript
Hasta que se cumpla una determinada condición. Los bucles siguen repitiendo un trozo de código (podría ser una línea única e incluso en múltiples líneas) que JavaScript proporciona, mientras que, do-while, y para cada bucle. Así es como funcionan junto con ejemplos:
En bucle
Se dispara a través de un código determinado varias veces.
para (deja i = 0; yo < 10; i++)consola.log (i + "");
Producción:
Puedes entender el concepto y el trabajo de esto a través de este artículo.
Mientras que el bucle
Bucles a través de un código dado especificado hasta que se cumplan las condiciones dadas.
Sea i = 0;mientras yo <4 )
consola.log (i + "");
i ++;
Producción:
Hacer mientras bucle
Similar al bucle While, hay un bucle do-while. Difiere en este aspecto que aquí al menos al menos el bucle se ejecutará una vez. La razón es que las condiciones se verifican al final del bucle.
Sea i = 0;hacer
consola.log (i + "");
i ++;
mientras yo < 3);
Producción:
Producción:
Para cada bucle
Para iterar sobre una colección como matrices, para cada bucle se usa.
Letter = ["m", "a", "n", "g", "o"];carta.para cada(
función (entrada)
consola.log (entrada + "");
);
Producción:
Esto es solo para darle una comprensión básica. Si desea comprender esto en profundidad, consulte este artículo o para comprender el bucle for-In también puede consultar este artículo.
Funciones en JavaScript
Las funciones son bloques de código asignados para realizar alguna tarea. Por ejemplo, desea que se muestre un mensaje cuando haga clic en un botón. Entonces esto sucederá mediante el uso de funciones. Para comprender el concepto en detalle puede consultar este artículo.
Aquí hay una demostración de cómo funciona:
Adición de función (i, j = 5)regresar i + j;
Sea resultado = adición (3,5);
consola.log ("agregar (3,5) es" + resultado);
Producción:
En el ejemplo anterior, se pasaron dos números a la función de adición () y se almacenaron en el resultado variable.
JavaScript nos proporciona varios tipos de datos, funciones, métodos y más en profundidad. Estos son extremadamente útiles y facilitan la comprensión del programa. Hay tantas formas en que puede aprender JavaScript, a través de libros, así como a través de recursos en línea.
Conclusión:
En la guía de hoy, aprendimos los conceptos básicos de JavaScript. JavaScript se ha convertido en nada menos que esencial para las páginas web interactivas y atractivas. Hoy en día, JavaScript nos proporciona varios marcos que incluso nos ayudan a desarrollar aplicaciones web y móviles. Los desarrolladores también están creando juegos de navegador usando JavaScript.
Con el aumento de la demanda de JavaScript, los recursos para aprender el idioma también están aumentando. Puede aprenderlo a través de tutoriales en línea, cursos o incluso a través de libros. Pero, no importa cuál sea su medio de aprendizaje, lo único que te hace un experto es practicar.