Async с методами класса не работает?

Question

[Shimpanze]

Как заставить работать метод sleep внутри конструктора?

class foo {
  constructor() {
    console.log('one');
    await this.sleep(2000); // <<<
    console.log('two');
    await this.sleep(2000); // <<<
    console.log('three');
  }

  async sleep(milliseconds) {
    const promise = new Promise(resolve => setTimeout(resolve, milliseconds));
    return promise;
  }
}

new foo();

Возвращаемая ошибка:

Uncaught SyntaxError: await is only valid in async functions and the top level bodies of modules

Comments

[Lynn «Кофеман»]

Async с методами класса работает.
Await должен быть внутри async функции.
Конструктор не может быть асинхронным.

Answer 1

[Rsa97]

Сделайте метод static async create(), который выполняет все await'ы и возвращает новый экземпляр класса. Соответственно, вместо bar = new foo() в таком случае будет bar = await foo.create().

Comments

[Shimpanze]

Всё равно не работает. А я не могу сообразить в чём дело. Переделал всё как Вы написали:

class foo {
  async static create() {
    console.log('one');
    this.sleep(2000); // <<<
    console.log('two');
    this.sleep(2000); // <<<
    console.log('three');
  }

  sleep(milliseconds) {
    const promise = new Promise(resolve => setTimeout(resolve, milliseconds));
    return promise;
  }
}

await (new foo()).create();

[Lynn «Кофеман»]

Shimpanze, а await написать?

[Ivan Ustûžanin]

Shimpanze, и sleep-у приписать static

[Rsa97]

Shimpanze,

class foo {
  static async create() {
    console.log('one');
    await this.sleep(2000); // <<<
    console.log('two');
    await this.sleep(2000); // <<<
    console.log('three');
    return new this();
  }

  static sleep(milliseconds) {
    return new Promise(resolve => setTimeout(resolve, milliseconds));
  }
}

bar = await foo.create();

[shurshur]

Shimpanze, не надо делать new foo, весь смысл этой магии в том, что вызывается статиеский метод - метод класса, а не объекта - при несуществующем объекте. А реальный new вызывается в статическом методе.

[Shimpanze]

shurshur, Я не понимаю о чём речь. Вы не могли бы привести простейший пример кодом?

[Shimpanze]

Rsa97, В который раз Вы приходите на выручку, но, этот код тоже не работает. Можете вставить его в консоль и посмотреть

[Rsa97]

Shimpanze, Если вы про то, что он не ждёт по две секунды, так это потому, что в нём await'ы пропущены были. Исправил.

// one
// two
// three
// Object {  }

[shurshur]

shurshur, в ООП есть понятие класс (класс объектов, подчёркивается их общность и единообразие в виде свойств и методов), а есть объект (экземпляр класса). У класса никаких данных нет, они есть только у объекта (ну, есть статические свойства, которые из этого выбиваются, но это сейчас немного не о том). Вот, например, есть класс "человек". У "человека" нет иени, пола, возраста, паспорта... А вот у конкретного экземпляра класса "человек" всё это есть.

И вот имеется класс Human, тогда Human - это идентификатор класса и вызов методов от него это вызов некоторых функций, у которых не будет экземпляра класса (this) с данными. Чтобы такой экземпляр появился, нужно его создать. Через new Human(...). Результатом будет объект, вызов метода от которого уже будет содержать this с данными.

Статический метод - это, по сути, метод, который прикреплён не к конкретному объекту, а ко всему классу. Вот его и можно вызвать, чтобы он создал конкретный объект. Но в принципе можно было его и статическим методом не делать, просто отдельной функцией.

Это очень в общих чертах, тем более я сам в js не гуру.

Вообще, советую https://learn.javascript.ru/ - много вопросов отпадёт и понимание основ языка улучшится.

[Dev-op]

Shimpanze,
Shimpanze,
Конструкторы не могут быть асинхронными функциями.
Используй статический метод, который объединяет создание объекта и асинхронную инициализацию. Назови его как хочешь static async abracadabra() {} , async init() {} А тут будет snooze(milliseconds) {} :)))

Сохрани скрипт hocusPocus.js запусти в терминале node hocusPocus.js и увидишь как работает:

class Foo {
  constructor() {
    console.log('one');
  }

  static async abracadabra() {
    const instance = new Foo();
    await instance.init();
    return instance;
  }

  async init() {
    await this.snooze(2000);
    console.log('two');
    await this.snooze(2000);
    console.log('three');
  }

  snooze(milliseconds) {
    return new Promise(resolve => setTimeout(resolve, milliseconds));
  }
}

// Используем метод abracadabra
(async () => {
  const bar = await Foo.abracadabra();
  console.log('Initialization complete');
})();

Answer 2

[Ivan Ustûžanin]

Как заставить работать метод sleep внутри конструктора?

никак, конструктор ЕМНИП не может быть async
но можно сделать async метод create и его вызывать в конструкторе, объект при этом понятное дело создастся, а промис от create можно положить в свойство, чтобы можно было его await снаружи

Comments

[frest420]

а да