Я использую Vue и недавно столкнулся с проблемой.
если у меня есть два файла, файл A и файл B, а в файле B я пишу console.log('file B test')
когда я делаю
console.log('file A test')
import B from '@/app/fileB'
-> the devTool shows file B's console.log first
так в чем тут может быть проблема? порядок импорта? гарантируется ли импорт и выполнение сверху вниз? Если кто-то знает что-нибудь об импорте или выполнении заказа, сначала спасибо!!
Операторы импорта всегда поднимаются на самый верх модуля. Модуль, который содержит
// some non-import code
import foo from 'foo';
// some more non-import code 2
import bar from 'bar';
// some more non-import code 3
будет работать так, как если бы весь импорт был в самом верху:
import foo from 'foo';
import bar from 'bar';
// some non-import code
// some more non-import code 2
// some more non-import code 3
Для того, что вы хотите сделать, у вас может быть метод init или что-то, что вы вызываете, чтобы заставить его делать свое дело:
import B from '@/app/fileB'
console.log('file A test')
B.init();
Другой вариант, который я предпочитаю, — это всегда импортировать и экспортировать функции — у вас может быть модуль makeB вместо B, а затем вызывать его в A:
// b
export const makeB = () => {
const b = {};
console.log('creating B now');
// other stuff
return b;
};
// a
import { makeB } from './makeB';
console.log('file A test');
const b = makeB();
// do stuff with b
