js如何在import的文件中使用主程序的变量

Question

假设有两个文件，一个主程序：main.js，一个是被主程序import的test.js
main.js：

import './test.js'

let public = '123'

test.js

console.log(public) // undefine

求解，我如何在这个test.js里面使用主程序的变量，这个可以实现吗，如果可以，该怎么样做

Answer 1

请问你实际实在什么框架下使用呢，vue吗还是纯跨静态js文件引用？

Answer 2

es6的语法中，具有文件作用域，所以文件内声明的变量只能在本文件使用。如果要暴露给其他文件，就要使用import和 export语句。可以如楼上所说实现。但是这样可能会造成循环引用，导致依赖混乱，不建议这样操作。