How to import classes in JavaScript

In previous versions of JavaScript there was no way to include JavaScripteither by importor require.

Newer versions added import and export functionality to satisfy this point by making use of standards like ES6 Modules , just be aware that currently, browser support for modules ES6is not very good. To improve this, compilation or transpilation tools are used, which would be the most recommended.

With these tools it will be easier and the syntax will be similar in some cases to the one used inNode

A base example to create a class in one file and import them into another. We create the Person class with a parameter in the constructor and a method

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

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

export default Persona;

Or simply.

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

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

To call in the other file will suffice as in your example

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

let per= new Persona("Stack");
console.log(per.saludar());

In ES6 , if you have a class called:

export default class Cliente{
    constructor(nombre, direccion, telefono){
        this.nombre = nombre;
        this.direccion = direccion;
        this.telefono = telefono
    }

    // Getters, setters, etc
}

and this class is in /modulos, you can import it by doing this:

import Cliente from './modulos/Cliente';

You can also import functions, for example if you have a file called /modulos/Mates.js:

export var suma = function (a, b) {
    return a + b;
}

export var resta = (a, b) => a - b;

export var multiplicar = (a, b) => a * b;

//etc

you can import functions like this:

import {suma, resta, multiplicar} from './modulos/Mates';