Object JavaScript 中的面向编程：如何从其他文件调用函数？

Question

I have an app.js and another Highlight.js file.

In Highlight.js I have the following code:

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

and in app.js I try to call the function foo as follows:

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

But already at compling this via webpack I get an error message, that there is an unexpected token at:

function foo() { alert(1) };

How can I handle this?

Answer 1

foo is method of class. Instead

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

you need write

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

Answer 2

You need to make the method static so it can be accessed directly like an object without calling the constructor.

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

Also that you don't use the function keyword in a class.