title: Async/Await Class Constructor
body: <p>At the moment, I'm attempting to use <code>async/await</code> within a class constructor function.  This is so that I can get a custom <code>e-mail</code> tag for an Electron project I'm working on.</p>
  
  <pre><code>customElements.define('e-mail', class extends HTMLElement {
    async constructor() {
      super()
  
      let uid = this.getAttribute('data-uid')
      let message = await grabUID(uid)
  
      const shadowRoot = this.attachShadow({mode: 'open'})
      shadowRoot.innerHTML = `
        &lt;div id="email"&gt;A random email message has appeared. ${message}&lt;/div&gt;
      `
    }
  })
  </code></pre>
  
  <p>At the moment however, the project does not work, with the following error:</p>
  
  <pre><code>Class constructor may not be an async method
  </code></pre>
  
  <p>Is there a way to circumvent this so that I can use async/await within this?  Instead of requiring callbacks or .then()?</p>