如何在JavaScript类构造函数中动态加载Jquery，并仅在完全加载jquery之后继续执行

class MyClass {
  constructor() {
    this.loadJQuery();
  }

  loadJQuery() {
    const script = document.createElement('script');
    script.src = 'https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js';
    script.onload = () => {
      // 在jQuery加载完成后执行的代码
      this.continueExecution();
    };
    document.head.appendChild(script);
  }

  continueExecution() {
    // jQuery已加载完成，可以继续执行相关代码
    // ...
  }
}

class MyClass {
  constructor() {
    this.loadJQuery().then(() => {
      // 在jQuery加载完成后执行的代码
      this.continueExecution();
    });
  }

  loadJQuery() {
    return new Promise((resolve, reject) => {
      const script = document.createElement('script');
      script.src = 'https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js';
      script.onload = resolve;
      document.head.appendChild(script);
    });
  }

  async continueExecution() {
    // jQuery已加载完成，可以继续执行相关代码
    // ...
  }
}