Чтение экспортированной переменной из удаленного файла js

Question

У меня есть файл JavaScript, который мне нужно прочитать.Мне удалось прочитать его как строку с помощью FileReader, но я хочу прочитать объект, который экспортируется в этот файл.

Вот так выглядит мой файл:

const carsColor = {
    audi: 'blue',
    bmw: 'black',
};

export default carsColor;

Читать какa String:

loadFile = async () => {
    try {
        const response = await fetch(PATH_TO_FILE);
        const blob = await response.blob();
        let read = new FileReader();
        read.onload = function() {
            console.log(read.result); // read.result returns the entire file as a string
        };
        read.readAsBinaryString(blob); 
    }
    catch(e) {
        console.log(e);
    }
}

Есть ли способ получить объект carsColor из файла?

Спасибо.

Answer 1

Измените ваш файл так, чтобы он возвращал только json, и проанализируйте его

файл

{
    audi: 'blue',
    bmw: 'black',
}

функция загрузки

loadFile = async () => {
    try {
        const response = await fetch(PATH_TO_FILE);
        const blob = await response.blob();
        let read = new FileReader();
        read.onload = function() {
            console.log(JSON.parse(read.result)); 
        };
        read.readAsBinaryString(blob); 
    }
    catch(e) {
        console.log(e);
    }
}

Answer 2

Fetch API загружает не JS-модули, а файлы.Он не оценивает ваш файл JavaScript.

Я бы вместо этого использовал пакет для исходного кода (например, webpack ).Тогда вы сможете использовать свой модуль JavaScript с require():

// either this
const carColors = require('./carColors');
// or this
import carColors from './carColors';

console.log(carColors.audi);