Los módulos en JavaScript

Módulos JavaScript : En este tutorial, vamos a aprender acerca de los módulos en JavaScript con ejemplos .

JavaScript Módulos

Una de las características clave de la programación de los fundamentos se romper su código en fragmentos. Estos fragmentos dependiendo de su funcionalidad se han acuñado términos como diversas funciones, componentes, módulos, etc Hoy en día lo entenderemos los módulos que hay , por la que se necesitan y cómo crear módulos en JavaScript?

Imagine que está trabajando en una aplicación que sin problemas se hace más grande y más grande en términos de líneas de código. Por supuesto, lo primero que se hizo fue crear ese código considerable modular poco a lo descomponen en funciones. Bueno, pero ahora usted tiene una gran cantidad de funciones. ¿No tendría más sentido para organizar el código en diferentes secuencias de comandos? Estos scripts son llamados “módulos” . Usted está dividiendo su script en numerosas otras secuencias de comandos para mantener el código más modular y organizada. La modularidad es un concepto clave class programación orientada a objetos también y tipo de sigue el mismo patrón.

Las tres principales ventajas de Los módulos en JavaScript son mantenimiento que simplemente se distribuye código base, namespacing lo que implica que el código no relacionado no comparten las variables globales y reutilización , que es bastante explica por sí mismo. Esa pieza de código se puede reutilizar otros proyectos for también.

La primera forma de escribir JS modulares está utilizando cierres.

Cierres nos ayudan a crear funciones anónimas y las variables de ocultar ámbito padre. Podemos utilizar variables locales dentro de nuestra función sin colisión con las mismas variables (que tienen el mismo nombre) fuera debido a su alcance.

<script>
(function() {
// We keep these variables private
// inside this closure scope
var HP = [10, 40, 87, 66, 45, 90];
var defeating = function() {
var defeated = HP.filter(function(item) {
return item < 50;
});
return 'You were defeated ' + defeated.length + ' times.';
}
console.log(defeating());
}());
</script>

salida

You were defeated 3 times.

Otro enfoque es crear módulos utilizando un objeto como for. Vamos a modificar el código anterior solamente,

const pokebattle=(function () {
var HP = [10, 40, 87, 66, 45, 90];
return{
defeating: function(){
var defeated = HP.filter(function(item) {
return item < 50;});
return 'You were defeated ' + defeated.length + ' times.';
}
}
}());
console.log(pokebattle.defeating());
</script>

salida

You were defeated 3 times.

Usando CommonJS

Usando CommonJS , podemos tener cada secuencia de comandos como un módulo de y utilizar las palabras clave module.exports a exportar un módulo y requerir a interface ellos.

function Pokemon() {
this.greet = function() {
return 'Hey this is squirtle';
}
this.catchPhrase = function() {
return 'Squirtle Squirtle';
}
}
module.exports = Pokemon;

Y cuando alguien quiere usar nuestro módulo pokemon dentro de presentar sus js locales simplemente se puede hacer,

var pokeModule = require('Pokemon');
var pokeInstance = new Pokemon();
pokeInstance.greet();
pokeInstance.catchphrase();

salida

Hey this is squirtle
Squirtle Squirtle

Los marcos web hacen uso de módulos ampliamente. Si tiene Node.JS utiliza en todo caso usted debe haber notado con mucha frecuencia que va a importar un módulo del núcleo Node.js y después de usarlo. import ex utilizando el módulo de fs For escritura y la lectura de un archivo,

    const fs=require('fs');

Los anteriores estados de sintaxis que se va a importar un módulo de nodo denominado fs fs dentro de la variable por lo que ahora se puede utilizar en cualquier lugar en ese archivo.

O si utiliza expresar para crear un servidor de Node.js,

const express = require('express');
const app = express();
app.listen(3000, () => {
console.log('Listening on port 3000...');
});

Si ha trabajado con los marcos de frontend como angular, Vue o reaccionar; el patrón de código modular es el quid detrás de su arquitectura basada en componentes. De hecho, las primeras líneas se escriben cada vez que estés en la codificación reaccionan son,

    Import React, {Component} from 'React';

Así patrones modulares son muy ampliamente utilizados hoy en día y casi en todas partes. grandes bibliotecas que utilizan paquetes de maquillaje y for JS son también módulos. Tenemos paquetes for agrupación de estos módulos como webpack.


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *