Объектно-ориентированное программирование в JavaScript: как мне вызывать функции из других файлов?

Question

У меня есть приложение. js и еще один файл Highlight. js.

In Highlight. js У меня есть следующий код:

export default class Highlights {
function foo() { alert(1) };
}

и в приложении . js Я пытаюсь вызвать функцию foo следующим образом:

import highlight from './custom/HighlightingObjects.js';
highlight.foo();

Но уже при выполнении этого через webpack я получаю сообщение об ошибке, что есть неожиданный токен по адресу:

function foo() { alert(1) };

Как мне с этим справиться?

Answer 1

foo - это метод класса. Вместо

export default class Highlights {
  function foo() { alert(1) };
}

нужно написать

export default class Highlights {
  foo() { alert(1) };
}

Answer 2

Вам необходимо сделать метод stati c, чтобы к нему можно было обращаться напрямую, как к объекту, без вызова конструктора.

export default class Highlights {
  static foo() {
    alert('...');
  }
}