Home / Questions / 141088
Accepted
hubman
Asked: 2020-02-24 21:03:49 +0800 CST 2020-02-24 21:03:49 +0800 CST

Как импортировать классы в JavaScript

  • 772

При использовании Node.jsдля импорта класса это будет:

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

let comprobador=new Comprobador();

Но в чистом JavaScript на стороне клиента как бы это было?

javascript

2 Answers

  1. Best Answer

    В предыдущих версиях JavaScript не было возможности включить JavaScriptлибо by, importлибо require.

    В более новых версиях добавлены функции импорта и экспорта, чтобы удовлетворить этот вопрос, используя такие стандарты, как ES6 Modules , просто имейте в виду, что в настоящее время браузерная поддержка модулей ES6не очень хороша. Чтобы улучшить это, используются инструменты компиляции или транспиляции , которые были бы наиболее рекомендуемыми.

    С этими инструментами будет проще, а синтаксис в некоторых случаях будет похож на тот, что используется вNode

    Базовый пример для создания класса в одном файле и импорта их в другой. Создаем класс Person с параметром в конструкторе и методом

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

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

export default Persona;

    Или просто.

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

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

    Для вызова другого файла будет достаточно, как в вашем примере

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

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

  2. В ES6 , если у вас есть класс с именем:

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

    // Getters, setters, etc
}

    и этот класс находится в /modulos, вы можете импортировать его, выполнив следующие действия:

    import Cliente from './modulos/Cliente';

    Вы также можете импортировать функции, например, если у вас есть файл с именем /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

    вы можете импортировать такие функции:

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