类未定义/拆分后台脚本

Question

在app.js中，我想实例化：

const test = new Test;

该类在另一个脚本中。 （myFetchLibary.js）

class Test{
  constructor() {
    this.client_id = 1234;
  }

问题：测试未定义

所有脚本都以如下方式载入清单：

  "background": {
    "scripts": [  
      "myFetchLibary.js",
      "app.js" ]
 },

还有一个popup.html，用于加载脚本：

  <script src="app.js"></script>
  <script src="myFetchLibary.js"></script>

如何在Chrome扩展程序中执行此操作？ 我不想将所有内容都放入1个文件中。 如果两个文件都已加载，我是否可以调用该类？

Answer 1

您可以使用“ defer”属性。

<script src="app.js" defer></script>
<script src="myFetchLibary.js"></script>

defer属性是一个布尔属性，当存在时，它指定在页面完成解析后执行脚本。 1.如果存在异步：脚本与页面的其余部分异步执行（脚本将在页面继续解析的同时执行）。
2.如果不存在异步并且存在延迟：该脚本在页面解析完成后执行。
3.如果异步或延迟都不存在：在浏览器继续解析页面之前，将立即获取并执行脚本