Como importar clases en JavaScript

publicado por: Anonymous

Cuando se usa Node.js para importar una clase seria:

var Comprobador = require('./comprobador.js');

let comprobador=new Comprobador();

Pero en JavaScript puro en el lado del cliente ¿Cómo seria?

solución

En versiones anteriores de JavaScript no existía la forma de incluir JavaScript ya sea por import o require.

Las versiones más recientes se añadió la funcionalidad de importar y exportar para satisfacer este punto haciendo uso de los estándares como Módulos de ES6, solo tenga en cuenta que actualmente, el soporte del navegador para los módulos ES6 no es muy bueno. Para mejorar esto se usan herramientas de compilación o transpilación que sería lo más recomendado.

Con estas herramientas será más sencillo y la sintaxis será parecida en algunos casos igual a la que usa en Node

Un ejemplo base para crear una clase en un archivo e importarlas en otro. Creamos la clase Persona con un parámetro en el constructor y un método

class Persona {
  constructor(nombre) {
    this.nombre = nombre;
  }

  saludar() {
     return "Hola mi nombre es " + this.nombre;
  }
}

export default Persona;

o simplemente.

export default class  Persona {
  constructor(nombre) {
    this.nombre = nombre;
  }

  saludar() {
     return "Hola mi nombre es " + this.nombre;
  }
}

Para llamar en el otro archivo bastará como en su ejemplo

import Persona from "./Persona"; // Ruta correcta al archivo Js

let per= new Persona("Stack");
console.log(per.saludar());
Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *