Wie kann ich asynchrone Vorgänge während der Objektkonstruktion in JavaScript verarbeiten?

Async/await kann nicht im Konstruktor verwendet werden: Problemumgehungen für die asynchrone Objektkonstruktion

Problem: Der Versuch, die async/await-Syntax innerhalb eines zu verwenden Die Konstruktorfunktion löst den Fehler aus: „Der Klassenkonstruktor ist möglicherweise kein asynchroner Methode.“

Ursache: Asynchrone Funktionen geben Versprechen zurück, während Konstruktoren das zu erstellende Objekt zurückgeben. Dadurch entsteht ein Konflikt, der es unmöglich macht, sowohl Async/Await als auch Konstruktoren gleichzeitig zu verwenden.

Problemumgehungen:

1. Initialisierungsfunktion (init()):

• Erstellen Sie eine init()-Funktion innerhalb der Klasse.
• Der Konstruktor ruft init() auf, was Asynchronität ermöglicht Operationen.

• Verwendung:

  var myObj = new myClass();
  myObj.init(function() {
    // Use myObj within the callback
  });

  Nach dem Login kopieren

• Implementierung:

  class myClass {
    constructor () {
    }
    init (callback) {
        // Asynchronous operations and callback
    }
  }

  Nach dem Login kopieren

2. Builder-Muster:

• Der Konstruktor löst einen Fehler aus, wenn er direkt aufgerufen wird.
• Eine statische build()-Methode gibt ein Versprechen für zurück Objekt.

• Verwendung:

  myClass.build().then(function(myObj) {
    // Use myObj
  });
  
  async function foo () {
    var myObj = await myClass.build();
  }

  Nach dem Login kopieren

• Implementierung:

  class myClass {
    constructor (async_param) {
        if (async_param === undefined) {
            throw new Error('Cannot be called directly');
        }
    }
    static build () {
        return doSomeAsyncStuff()
               .then(function(async_result){
                   return new myClass(async_result);
               });
    }
    // Async/await equivalent:
    static async build () {
        var async_result = await doSomeAsyncStuff();
        return new myClass(async_result);
    }
  }

  Nach dem Login kopieren

Hinweis: Builder können stattdessen Rückrufe verwenden verspricht.

Aufrufen von Funktionen innerhalb statischer Funktionen:

• Statische Funktionen sind nicht an Objekte gebunden (im Gegensatz zu Instanzmethoden).
• Daher gilt: Dies bezieht sich auf die Klasse, nicht auf das instanziierte Objekt.

• Um Instanzmethoden aus statischen Funktionen aufzurufen, machen Sie sie entweder reguläre Funktionen oder statische Methoden.

  class A {
    static foo () {
        bar1();   // OK
        A.bar2(); // OK
    }
    static bar2 () {}
  }
  function bar1 () {}

  Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie kann ich asynchrone Vorgänge während der Objektkonstruktion in JavaScript verarbeiten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!