如何使用 javascript中的import，export 语法

Posted 2023-03-23

参考技术A

export和import用于JavaScript的模块化操作。你可以在文件A.js中写好一些对象：

export var foo1；
export function foo2()；
export class foo3 extend prop

然后在其他地方引用这些模块

import foo1，foo2， foo3 from 'A.js'

export default就是暴露一个默认的变量，函数或者类，而这个变量，函数或者类可以没有名字，直接导入。例如：

//A.js
export default "string";

//B.js
import foo from "A";
console.log(foo);

export 
允许标明的脚本向其它标明或未标明的脚本提供属性、函数和对象。 
实现版本  Navigator 4.0, Netscape Server 3.0  


描述 
通常情况下标明脚本中的信息仅对象同主体标明的脚本可用。通过导出属性、函数或对象，标明脚本将使得信息对于任何脚本(标明或未标明的)都可用。接收脚本使用对应的 import 语句访问信息。 


import 
允许脚本从标识的脚本中导入已经导出的属性、函数和对象。 
实现版本  Navigator 4.0, Netscape Server 3.0  


描述 
objectName 参数是将接受导入的名称的对象名称。例如，如果已经导出了 f 和 p，obj 是导入脚本中的一个对象，那么 
import obj.f, obj.p 将使得 f 和 p 在导入脚本中可访问，就像是 obj 的属性一样。 


通常情况下，标明脚本中的信息仅对象同主体标明的脚本可用。通过导出(使用 export 语句)属性、函数或对象，标明脚本将使得信息对于任何脚本(标明或未标明的)都可用。接收脚本使用对应的 import 语句访问信息。 


脚本必须在导入并使用任何导出的属性、函数或对象之前将导出脚本装载到窗口、框架或层中。