Módulos De JavaScript Que Debe Conocer En 2022

Se crearon módulos JavaScript (también conocidos como módulos ES o módulos ECMAScript) para hacer que su código JavaScript sea más organizado y fácil de mantener.

Comprender cómo funcionan los módulos ES puede ayudarlo a convertirse en un mejor desarrollador de JavaScript. Este artículo describe lo siguiente:

• ¿Qué es un módulo?
• ¿Qué es un módulo ES? ¿Por qué usarlos?
• Cómo utilizar el módulo ES
• Otros sistemas modulares usados ​​en JavaScript

Empecemos.

¿Qué es un módulo?

Los módulos de JavaScript son solo archivos de código. Los módulos se pueden considerar como unidades de código independientes y reutilizables.

Los módulos son componentes del código base. A medida que su aplicación crece, puede dividir su código en varios archivos, también conocidos como módulos.

Los módulos le permiten dividir programas grandes en un código más manejable.

¿Qué es un módulo ES? ¿Por qué usarlos?

El módulo ES es el sistema de módulos oficial utilizado en JavaScript. Hay otros sistemas modulares disponibles en JavaScript, pero hablaremos más de ellos más adelante. Sin embargo, tenga en cuenta que, por ahora, es un estándar para los módulos de JavaScript, por lo que está aprendiendo sobre los módulos ES en lugar de otros sistemas de módulos.

Los desarrolladores de JavaScript pueden utilizar módulos ES en su trabajo diario.

Estos son algunos de los beneficios que los desarrolladores pueden obtener al usar los módulos ES:

1. Organización. Puede mantener su programa organizado dividiendo un programa grande en fragmentos más pequeños de código relevante.
2. Reutilización. Los módulos ES le permiten escribir código en un lugar y reutilizar ese código en otros archivos a lo largo de su base de código. Por ejemplo, en lugar de volver a escribir la misma función en todas partes, puede escribir la función en un módulo e importarla a otro archivo para usarla allí.

Echemos un vistazo más de cerca a un ejemplo utilizando el módulo ES. Aprenda cómo funcionan los módulos de ES y póngalos a disposición para proyectos futuros. El uso del módulo ES demuestra cada uno de los beneficios anteriores.

Cómo utilizar el módulo ES

Comencemos creando una respuesta JavaScript vanilla . El código completo también está aquí .

Replit le permite crear nuevos proyectos y seleccionar HTML, CSS y JavaScript. Esto index.htmlcrea un script.jsarchivo, un archivo y un proyecto de inicio que contiene el archivo style.css. Esto es todo lo que necesitamos configurar.

En el archivo index.html, modifique la etiqueta de secuencia de comandos para incluirla type="module". Esto permitirá que su código comience a usar el módulo ES. Cambie la etiqueta de secuencia de comandos de la siguiente manera:

<script type="module" src="script.js"></script>

Comencemos escribiendo una función de suma simple. Esta función toma dos números, los suma y luego devuelve el resultado de la suma. Llame también a esta función. script.jsEscribe esta función en un archivo.

function add(a, b) {
 return a + b;
};
console.log(add(5, 5)); //outputs 10

Hasta ahora, el script.jsarchivo es pequeño y contiene muy poco código. Pero imagina que esta aplicación crece y hay decenas de funciones de este tipo. Este script.jsarchivo puede crecer demasiado y ser difícil de mantener.  

Creemos un módulo para evitar este problema. Para hacer esto, haga clic en Agregar archivo en la respuesta. Recuerde que el módulo es solo un archivo de código relacionado.

Llamamos módulo math.js. script.jsElimine esta función de agregar del archivo y cree un nuevo archivo math.js. Este archivo será el módulo que contiene las funciones relacionadas con las matemáticas. Pongamos la función agregar en este archivo:

// math.js

function add(a, b) {
 return a + b;
};

Decidí llamar a este módulo math.js. Esto es para crear más funciones relacionadas con las matemáticas más adelante en este archivo.

Si abre esta aplicación y la mira de un vistazo, verá que la lógica relacionada con las matemáticas está en este archivo. No tiene que perder tiempo ingresando a esta aplicación para buscar funciones matemáticas y preguntarse dónde están. Los archivos están perfectamente organizados.

A continuación, script.jsusemos la función agregar en el archivo, aunque la función en sí esté en el archivo math.js. Para hacer esto, necesita aprender la sintaxis del módulo ES. exportY importechemos un vistazo a la palabra clave.

Exportar palabras clave

exportPuede utilizar palabras clave si desea que un módulo esté disponible en un archivo que no sea aquel en el que reside. Usémoslo exportpara que podamos usarlo dentro de nosotros, por lo que script.jsarchivar palabras clave con nuestra función complementaria .

export defaultAgreguémoslo debajo de la función agregar en math.js.

// math.js

function add(a, b) {
 return a + b;
};

export default add;

La última línea hace que esta función adicional math.jsesté disponible fuera del módulo.

exportOtra forma de utilizar palabras clave es agregarlas justo antes de definir la función.

// math.js

export default function add(a, b) {
 return a + b;
};

Estas son exportdos formas diferentes de usar palabras clave, pero ambas funcionan de la misma manera.

Usted defaultpuede preguntarse lo que sigue a la palabra clave export. Consíguelo de inmediato. addAhora que lo hemos exportado, usemos la función en otro archivo.

importar palabra clave

script.jsPuede utilizar la palabra clave de importación para importar la función de adición a un archivo. Después de importar esta función, puede acceder a ella y usarla en su archivo. Una vez importada la función, puede utilizarla.

// script.js
import add from './math.js';

console.log(add(2, 5)); //outputs 7

Aquí, estamos ./math.jsusando la importación relativa. Para obtener más información sobre rutas relativas y absolutas, consulte esta útil respuesta de StackOverflow .

Puede ver el resultado de llamar a la función agregar ejecutando este código 7. Ahora puede utilizar las funciones adicionales de este archivo tantas veces como desee.

El código de la función de agregar desaparece y puede usar la función de agregar sin verificar el código de la función en sí.

import add from './math.js'Si comenta durante un breve período de tiempo, de repente obtendrá un error ReferenceError: add is not defined. Esto se script.jsdebe a que no puede acceder a funciones adicionales a menos que importe explícitamente las funciones en este archivo.

Exporté la función de agregar script.js, la importé a un archivo y luego llamé a esa función.

math.jsExaminemos el archivo nuevamente. Como se mencionó anteriormente, puede confundirse cuando vea una palabra que contiene defaultuna exportpalabra clave. defaultHablemos más sobre palabras clave.

Exportación con nombre en JavaScript y exportación predeterminada

Los módulos ES pueden utilizar exportaciones con nombre o exportaciones predeterminadas.

El primer ejemplo utilizó la exportación predeterminada . La exportación predeterminada exportó math.jssolo un valor (función de adición) del módulo.

Si usa la exportación predeterminada, puede cambiar el nombre de la importación según sea necesario. En este script.jsarchivo, puede importar la función de agregar y llamar a la adición (o cualquier otro nombre) en su lugar.

// script.js
import addition from './math.js';

console.log(addition(2, 5)); //outputs 7

Por otro lado, el nombre de exportación , desde el módulo de una pluralidad de valores de exportación a se utilizará para.

Creemos un ejemplo usando la exportación con nombre. math.jsRegrese al archivo, cree dos funciones más, haga la resta y la multiplicación y colóquelas debajo de la función de suma. defaultPuede utilizar una exportación con nombre para eliminar palabras clave.

// math.js

export default function add(a, b) {
 return a + b;
};

export function subtract(a, b) {
 return a - b;
};

export function multiply(a, b) {
 return a * b;
};

En script.js, para eliminar todo el código anterior, importemos una función de multiplicación y una función de resta. Para importar una exportación con nombre, escríbala entre llaves.

import { multiply, subtract } from './math.js';

Ahora, script.jspuede utilizar ambas funciones en el archivo.

// script.js
import { multiply, subtract } from './math.js';

console.log(multiply(5, 5));

console.log(subtract(10, 4))

Si asdesea cambiar el nombre de la exportación nombrada, puede cambiar el nombre usando las siguientes palabras clave:

import add, { subtract as substractNumbers } from './math.js';

console.log(substractNumbers(2, 5)); 

En lo anterior, subtractcambiamos el nombre de la importación a subtractNumbers.

Volvamos a la función de agregar. Función y de script.jsnuevo ¿Qué pasa si desea utilizar junto con el archivo multiplyahora subtract? Podemos hacerlo así:

import add, { multiply, subtract } from './math.js';

console.log(multiply(5, 5));

console.log(subtract(10, 4))

console.log(add(10, 10));

Ahora ha aprendido a utilizar el módulo ES. Aprendió sobre exportpalabras clave, cómo usarlas importy la diferencia entre exportaciones con nombre y exportaciones predeterminadas. También aprendió a cambiar el nombre de la exportación predeterminada y la exportación con nombre. 

Enlace: https://www.freecodecamp.org/news/javascript-modules-beginners-guide/

#javascript 

What is GEEK

Buddha Community

Módulos De JavaScript Que Debe Conocer En 2022

Se crearon módulos JavaScript (también conocidos como módulos ES o módulos ECMAScript) para hacer que su código JavaScript sea más organizado y fácil de mantener.

Comprender cómo funcionan los módulos ES puede ayudarlo a convertirse en un mejor desarrollador de JavaScript. Este artículo describe lo siguiente:

• ¿Qué es un módulo?
• ¿Qué es un módulo ES? ¿Por qué usarlos?
• Cómo utilizar el módulo ES
• Otros sistemas modulares usados ​​en JavaScript

Empecemos.

¿Qué es un módulo?

Los módulos de JavaScript son solo archivos de código. Los módulos se pueden considerar como unidades de código independientes y reutilizables.

Los módulos son componentes del código base. A medida que su aplicación crece, puede dividir su código en varios archivos, también conocidos como módulos.

Los módulos le permiten dividir programas grandes en un código más manejable.

¿Qué es un módulo ES? ¿Por qué usarlos?

El módulo ES es el sistema de módulos oficial utilizado en JavaScript. Hay otros sistemas modulares disponibles en JavaScript, pero hablaremos más de ellos más adelante. Sin embargo, tenga en cuenta que, por ahora, es un estándar para los módulos de JavaScript, por lo que está aprendiendo sobre los módulos ES en lugar de otros sistemas de módulos.

Los desarrolladores de JavaScript pueden utilizar módulos ES en su trabajo diario.

Estos son algunos de los beneficios que los desarrolladores pueden obtener al usar los módulos ES:

1. Organización. Puede mantener su programa organizado dividiendo un programa grande en fragmentos más pequeños de código relevante.
2. Reutilización. Los módulos ES le permiten escribir código en un lugar y reutilizar ese código en otros archivos a lo largo de su base de código. Por ejemplo, en lugar de volver a escribir la misma función en todas partes, puede escribir la función en un módulo e importarla a otro archivo para usarla allí.

Echemos un vistazo más de cerca a un ejemplo utilizando el módulo ES. Aprenda cómo funcionan los módulos de ES y póngalos a disposición para proyectos futuros. El uso del módulo ES demuestra cada uno de los beneficios anteriores.

Cómo utilizar el módulo ES

Comencemos creando una respuesta JavaScript vanilla . El código completo también está aquí .

Replit le permite crear nuevos proyectos y seleccionar HTML, CSS y JavaScript. Esto index.htmlcrea un script.jsarchivo, un archivo y un proyecto de inicio que contiene el archivo style.css. Esto es todo lo que necesitamos configurar.

En el archivo index.html, modifique la etiqueta de secuencia de comandos para incluirla type="module". Esto permitirá que su código comience a usar el módulo ES. Cambie la etiqueta de secuencia de comandos de la siguiente manera:

<script type="module" src="script.js"></script>

Comencemos escribiendo una función de suma simple. Esta función toma dos números, los suma y luego devuelve el resultado de la suma. Llame también a esta función. script.jsEscribe esta función en un archivo.

function add(a, b) {
 return a + b;
};
console.log(add(5, 5)); //outputs 10

Hasta ahora, el script.jsarchivo es pequeño y contiene muy poco código. Pero imagina que esta aplicación crece y hay decenas de funciones de este tipo. Este script.jsarchivo puede crecer demasiado y ser difícil de mantener.  

Creemos un módulo para evitar este problema. Para hacer esto, haga clic en Agregar archivo en la respuesta. Recuerde que el módulo es solo un archivo de código relacionado.

Llamamos módulo math.js. script.jsElimine esta función de agregar del archivo y cree un nuevo archivo math.js. Este archivo será el módulo que contiene las funciones relacionadas con las matemáticas. Pongamos la función agregar en este archivo:

// math.js

function add(a, b) {
 return a + b;
};

Decidí llamar a este módulo math.js. Esto es para crear más funciones relacionadas con las matemáticas más adelante en este archivo.

Si abre esta aplicación y la mira de un vistazo, verá que la lógica relacionada con las matemáticas está en este archivo. No tiene que perder tiempo ingresando a esta aplicación para buscar funciones matemáticas y preguntarse dónde están. Los archivos están perfectamente organizados.

A continuación, script.jsusemos la función agregar en el archivo, aunque la función en sí esté en el archivo math.js. Para hacer esto, necesita aprender la sintaxis del módulo ES. exportY importechemos un vistazo a la palabra clave.

Exportar palabras clave

exportPuede utilizar palabras clave si desea que un módulo esté disponible en un archivo que no sea aquel en el que reside. Usémoslo exportpara que podamos usarlo dentro de nosotros, por lo que script.jsarchivar palabras clave con nuestra función complementaria .

export defaultAgreguémoslo debajo de la función agregar en math.js.

// math.js

function add(a, b) {
 return a + b;
};

export default add;

La última línea hace que esta función adicional math.jsesté disponible fuera del módulo.

exportOtra forma de utilizar palabras clave es agregarlas justo antes de definir la función.

// math.js

export default function add(a, b) {
 return a + b;
};

Estas son exportdos formas diferentes de usar palabras clave, pero ambas funcionan de la misma manera.

Usted defaultpuede preguntarse lo que sigue a la palabra clave export. Consíguelo de inmediato. addAhora que lo hemos exportado, usemos la función en otro archivo.

importar palabra clave

script.jsPuede utilizar la palabra clave de importación para importar la función de adición a un archivo. Después de importar esta función, puede acceder a ella y usarla en su archivo. Una vez importada la función, puede utilizarla.

// script.js
import add from './math.js';

console.log(add(2, 5)); //outputs 7

Aquí, estamos ./math.jsusando la importación relativa. Para obtener más información sobre rutas relativas y absolutas, consulte esta útil respuesta de StackOverflow .

Puede ver el resultado de llamar a la función agregar ejecutando este código 7. Ahora puede utilizar las funciones adicionales de este archivo tantas veces como desee.

El código de la función de agregar desaparece y puede usar la función de agregar sin verificar el código de la función en sí.

import add from './math.js'Si comenta durante un breve período de tiempo, de repente obtendrá un error ReferenceError: add is not defined. Esto se script.jsdebe a que no puede acceder a funciones adicionales a menos que importe explícitamente las funciones en este archivo.

Exporté la función de agregar script.js, la importé a un archivo y luego llamé a esa función.

math.jsExaminemos el archivo nuevamente. Como se mencionó anteriormente, puede confundirse cuando vea una palabra que contiene defaultuna exportpalabra clave. defaultHablemos más sobre palabras clave.

Exportación con nombre en JavaScript y exportación predeterminada

Los módulos ES pueden utilizar exportaciones con nombre o exportaciones predeterminadas.

El primer ejemplo utilizó la exportación predeterminada . La exportación predeterminada exportó math.jssolo un valor (función de adición) del módulo.

Si usa la exportación predeterminada, puede cambiar el nombre de la importación según sea necesario. En este script.jsarchivo, puede importar la función de agregar y llamar a la adición (o cualquier otro nombre) en su lugar.

// script.js
import addition from './math.js';

console.log(addition(2, 5)); //outputs 7

Por otro lado, el nombre de exportación , desde el módulo de una pluralidad de valores de exportación a se utilizará para.

Creemos un ejemplo usando la exportación con nombre. math.jsRegrese al archivo, cree dos funciones más, haga la resta y la multiplicación y colóquelas debajo de la función de suma. defaultPuede utilizar una exportación con nombre para eliminar palabras clave.

// math.js

export default function add(a, b) {
 return a + b;
};

export function subtract(a, b) {
 return a - b;
};

export function multiply(a, b) {
 return a * b;
};

En script.js, para eliminar todo el código anterior, importemos una función de multiplicación y una función de resta. Para importar una exportación con nombre, escríbala entre llaves.

import { multiply, subtract } from './math.js';

Ahora, script.jspuede utilizar ambas funciones en el archivo.

// script.js
import { multiply, subtract } from './math.js';

console.log(multiply(5, 5));

console.log(subtract(10, 4))

Si asdesea cambiar el nombre de la exportación nombrada, puede cambiar el nombre usando las siguientes palabras clave:

import add, { subtract as substractNumbers } from './math.js';

console.log(substractNumbers(2, 5)); 

En lo anterior, subtractcambiamos el nombre de la importación a subtractNumbers.

Volvamos a la función de agregar. Función y de script.jsnuevo ¿Qué pasa si desea utilizar junto con el archivo multiplyahora subtract? Podemos hacerlo así:

import add, { multiply, subtract } from './math.js';

console.log(multiply(5, 5));

console.log(subtract(10, 4))

console.log(add(10, 10));

Ahora ha aprendido a utilizar el módulo ES. Aprendió sobre exportpalabras clave, cómo usarlas importy la diferencia entre exportaciones con nombre y exportaciones predeterminadas. También aprendió a cambiar el nombre de la exportación predeterminada y la exportación con nombre. 

Enlace: https://www.freecodecamp.org/news/javascript-modules-beginners-guide/

#javascript 

What is JavaScript - Stackfindover - Blog

Who invented JavaScript, how it works, as we have given information about Programming language in our previous article ( What is PHP ), but today we will talk about what is JavaScript, why JavaScript is used The Answers to all such questions and much other information about JavaScript, you are going to get here today. Hope this information will work for you.

Who invented JavaScript?

JavaScript language was invented by Brendan Eich in 1995. JavaScript is inspired by Java Programming Language. The first name of JavaScript was Mocha which was named by Marc Andreessen, Marc Andreessen is the founder of Netscape and in the same year Mocha was renamed LiveScript, and later in December 1995, it was renamed JavaScript which is still in trend.

What is JavaScript?

JavaScript is a client-side scripting language used with HTML (Hypertext Markup Language). JavaScript is an Interpreted / Oriented language called JS in programming language JavaScript code can be run on any normal web browser. To run the code of JavaScript, we have to enable JavaScript of Web Browser. But some web browsers already have JavaScript enabled.

Today almost all websites are using it as web technology, mind is that there is maximum scope in JavaScript in the coming time, so if you want to become a programmer, then you can be very beneficial to learn JavaScript.

JavaScript Hello World Program

In JavaScript, ‘document.write‘ is used to represent a string on a browser.

<script type="text/javascript">
	document.write("Hello World!");
</script>

How to comment JavaScript code?

• For single line comment in JavaScript we have to use // (double slashes)
• For multiple line comments we have to use / * – – * /

<script type="text/javascript">

//single line comment

/* document.write("Hello"); */

</script>

Advantages and Disadvantages of JavaScript

#javascript #javascript code #javascript hello world #what is javascript #who invented javascript

Hire Dedicated JavaScript Developers -Hire JavaScript Developers

It is said that a digital resource a business has must be interactive in nature, so the website or the business app should be interactive. How do you make the app interactive? With the use of JavaScript.

Does your business need an interactive website or app?

Hire Dedicated JavaScript Developer from WebClues Infotech as the developer we offer is highly skilled and expert in what they do. Our developers are collaborative in nature and work with complete transparency with the customers.

The technology used to develop the overall app by the developers from WebClues Infotech is at par with the latest available technology.

Get your business app with JavaScript

For more inquiry click here https://bit.ly/31eZyDZ

Book Free Interview: https://bit.ly/3dDShFg

#hire dedicated javascript developers #hire javascript developers #top javascript developers for hire #hire javascript developer #hire a freelancer for javascript developer #hire the best javascript developers

Software de restauración de Exchange para restaurar sin problemas PST en Exchange Server

¿Quiere restaurar los buzones de correo de PST a Exchange Server? Entonces, estás en la página correcta. Aquí, lo guiaremos sobre cómo puede restaurar fácilmente mensajes y otros elementos de PST a MS Exchange Server.

Muchas veces, los usuarios necesitan restaurar los elementos de datos de PST en Exchange Server, pero debido a la falta de disponibilidad de una solución confiable, los usuarios no pueden obtener la solución. Háganos saber primero sobre el archivo PST y MS Exchange Server.

Conozca PST y Exchange Server

PST es un formato de archivo utilizado por MS Outlook, un cliente de correo electrónico de Windows y muy popular entre los usuarios domésticos y comerciales.

Por otro lado, Exchange Server es un poderoso servidor de correo electrónico donde todos los datos se almacenan en un archivo EDB. Los usuarios generalmente guardan la copia de seguridad de los buzones de correo de Exchange en el archivo PST, pero muchas veces, los usuarios deben restaurar los datos del archivo PST en Exchange. Para resolver este problema, estamos aquí con una solución profesional que discutiremos en la siguiente sección de esta publicación.

Un método profesional para restaurar PST a Exchange Server

No le recomendamos que elija una solución al azar para restaurar los datos de PST en Exchange Server. Por lo tanto, al realizar varias investigaciones, estamos aquí con una solución inteligente y conveniente, es decir, Exchange Restore Software. Es demasiado fácil de manejar por todos los usuarios y restaurar cómodamente todos los datos del archivo PST a Exchange Server.

Funciones principales ofrecidas por Exchange Restore Software

El software es demasiado simple de usar y se puede instalar fácilmente en todas las versiones de Windows. Con unos pocos clics, la herramienta puede restaurar los elementos del buzón de Exchange.

No es necesario que MS Outlook restaure los datos PST en Exchange. Todos los correos electrónicos, contactos, notas, calendarios, etc. se restauran desde el archivo PST a Exchange Server.

Todas las versiones de Outlook son compatibles con la herramienta, como Outlook 2019, 2016, 2013, 2010, 2007, etc. La herramienta proporciona varios filtros mediante los cuales se pueden restaurar los datos deseados desde un archivo PST a Exchange Server. El programa se puede instalar en todas las versiones de Windows como Windows 10, 8.1, 8, 7, XP, Vista, etc.

Descargue la versión de demostración del software de restauración de Exchange y analice el funcionamiento del software restaurando los primeros 50 elementos por carpeta.

Líneas finales

No existe una solución manual para restaurar los buzones de correo de Exchange desde el archivo PST. Por lo tanto, hemos explicado una solución fácil e inteligente para restaurar datos de archivos PST en Exchange Server. Simplemente puede usar este software y restaurar todos los datos de PST a Exchange Server.

Más información:- https://www.datavare.com/software/exchange-restore.html

#intercambio de software de restauración #intercambio de restauración #buzón del servidor de intercambio #herramienta de restauración de intercambio

The essential JavaScript concepts that you should understand

As a JavaScript developer of any level, you need to understand its foundational concepts and some of the new ideas that help us developing code. In this article, we are going to review 16 basic concepts. So without further ado, let’s get to it.

#javascript-interview #javascript-development #javascript-fundamental #javascript #javascript-tips