JS：export导出的变量在页⾯内使⽤并被修改后，原⽂件也被修
改了
脚本和模块：
js有两种源⽂件，⼀种叫做脚本，⼀种叫做模块。
脚本是浏览器和node环境引⼊的，⽽模块只能由js代码⽤import引⼊（模块机制）。可以理解为：脚本具有主动性，⽽模块是被动性，等待被调⽤的库。
import声明：
第⼀种⽤法：直接import⼀个模块，例：import "test"javascript登录注册界面
直接引⼊模块，只能保证该模块被执⾏，但不能获取到信息；
第⼆种⽤法：带from的import，例：import  a  from "test"
可以把他们变成本地变量，还有其他写法。
import x from "./a.js" 引⼊模块中导出的默认值。
import {a as x, modify} from "./a.js"; 引⼊模块中的变量。
import * as x from "./a.js" 把模块中所有的变量以类似对象属性的⽅式引⼊。
独⽴使⽤ export 声明就是⼀个 export 关键字加上变量名列表，例如：export {a, b, c};
export 还有⼀种特殊的⽤法，就是跟 default 联合使⽤。export default 表⽰导出⼀个默认变量值，它可以⽤于 function 和 class。这⾥导出的变量是没有名称的，可以使⽤import x from "./a.js"这样的语法，在模块中引⼊。export default 还⽀持⼀种语法，后⾯跟⼀个表达式，
  例如：
var a = {};
export default a;
  但是，这⾥的⾏为跟导出变量是不⼀致的，这⾥导出的是值，导出的就是普通变量 a 的值，以后 a 的变化与导出的值就⽆关了，修改变量 a，不会使得其他模块中引⼊的 default 值发⽣改变。
export和export default区别：
1. 他们都可以导出常量，函数，⽂件，模块等。
2.你可以在其他模块或者⽂件中通过import +名称的⽅式，将其导⼊，以便可以对其使⽤。
3.在⼀个⽂件或者模块中，export ,import可以有很多，export deault只能有⼀个。
4. 通过export导出时，在导⼊时需要加{}，export default则不需要。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。