今天遇到一个极其蛋疼的情况，两个js模块著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net，相互循环引用，造成一个bug。

// a.js
import { SomeB } from './b.js'

export const SomeA = 'aaa:' + SomeB

// b.js
import { SomeA } from './a.js'

export const SomeB = 'bbb:' + SomeA

接下来我在一个文件中使用模块b：

// c.js
import { SomeB } from './b.js'

console.log(SomeB)

你知道会得到什么结果吗？总之是得到错误的【本文首发于唐霜的博客】原创内容，盗版必究。结果。在chrome中直接运行会直接报错【版权所有】唐霜 www.tangshuang.net【本文受版权保护】，说a.js中的SomeB未定义。这……

其实这是真的。因为a.js和b.js相互【本文受版权保护】本文作者：唐霜，转载请注明出处。引用，导致的结果就是，无论是谁，在执行的【访问 www.tangshuang.net 获取更多精彩内容】【关注微信公众号：wwwtangshuangnet】时候，都需要另外一个模块加载完成才能进行【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net自己的解释。这就很蛋疼：

c.js -> b.js -> a.js -> b.js -> a.js ...

而js解释器一般会灵活处理，即不会死循环本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】的去如此解释，而是在发现循环的时候，就直著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。接结束，即：

c.js -> b.js -> a.js $

但是，当a.js需要b.js所带来的上下【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。文时，实际上b.js还没有被解释，因为b转载请注明出处：www.tangshuang.net【版权所有，侵权必究】.js依赖a.js的解释结果，因此，在a【作者：唐霜】本文作者：唐霜，转载请注明出处。.js中，SomeB被认为是not de【原创不易，请尊重版权】【本文受版权保护】fined，这已经不是TypeError【本文首发于唐霜的博客】原创内容，盗版必究。，而是ReferenceError，也就【原创内容，转载请注明出处】未经授权，禁止复制转载。是在上下文中，该变量未被声明。

因此，千万不要循环引用啊，切记切记。