Putting a method in a separate file (ES6 module)

Asked Jun 17 '20 at 08:54

Active Jun 17 '20 at 09:05

Viewed 30 times

I want to be able to put a method of a class in a separate file but I can't work out how to do it.

This is what I am thinking at the moment, but it doesn't work:

index.js:

import Person from "./Person.js";

let billy = new Person("Billy");
billy.sayName();

Person.js:

import sayName from "./sayName.js";

class Person{
  constructor(name){
    this.name = name;
  }
}

Person.prototype.sayName = sayName;

export default Person;

sayName.js:

//I get an error: 'thread 'main' has overflowed its stack'
export default function sayName () {
  console.log(this.name);
}

edited Jun 17 '20 at 09:05

asked Jun 17 '20 at 08:54

thewizardbear

1

[An arrow function can never be a method](https://stackoverflow.com/q/31095710/1048572). Please show us how you tried to use the regular function. – Bergi Jun 17 '20 at 08:59
Oh, that makes sense. When I tried to do it as a regular function I did this: `export default function sayName(){ console.log(this.name); }` – thewizardbear Jun 17 '20 at 09:02
It should be: `export default function () { console.log(this.name); }` https://stackoverflow.com/a/21117231/13745258 – sebastian-ruehmann Jun 17 '20 at 09:05
1

@sebastian-ruehmann I don't think it makes a difference, I still get the same error anyway. – thewizardbear Jun 17 '20 at 09:06
@sebastian-ruehmann There's nothing wrong with naming the function – Bergi Jun 17 '20 at 09:09
@TheWizardBear I cannot reproduce the issue. Do you get a stack trace to see which function recursively called itself? – Bergi Jun 17 '20 at 09:11
I created a sandbox and that also seems to work: https://codesandbox.io/s/class-inheriting-lz9tm – sebastian-ruehmann Jun 17 '20 at 09:14
Huh, yeah you're right. I think the issue is somewhere else. ‍♀️Sorry about this. – thewizardbear Jun 17 '20 at 09:15
I think I found the problem. My method name was `toString`, so it was having some problems competing with the default behaviour. – thewizardbear Jun 17 '20 at 09:37

Putting a method in a separate file (ES6 module)

0 Answers0