Класс undefined / разделение фонового скрипта

В 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? Я не хочу помещать все в один файл. Если оба файла загружены, разве я не смогу вызвать класс?

Порядок элементов <script> имеет значение. Вы захотите загрузить определение class (myFetchLibary.js) перед созданием его экземпляра new (app.js).

Jonathan Lonowski 03.09.2018 21:57

спасибо .. изменил порядок работает сейчас.

Medy 03.09.2018 22:01
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
25
1

Ответы 1

Вы можете использовать атрибут «отложить».

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

Атрибут defer - это логический атрибут, если он присутствует, он указывает, что сценарий выполняется после завершения анализа страницы. 1. Если присутствует асинхронность: сценарий выполняется асинхронно с остальной частью страницы (сценарий будет выполняться, пока страница продолжает синтаксический анализ) .
2. Если async отсутствует, а defer присутствует: сценарий выполняется, когда страница завершает синтаксический анализ. 3. Если ни async, ни defer не присутствуют: сценарий извлекается и выполняется немедленно, прежде чем браузер продолжит синтаксический анализ страницы.

Другие вопросы по теме