js中import是引用同一个

JavaScript012

js中import是引用同一个,第1张

js中import是引用同一个？同一个页面多次调用相同或不同组件，组件中又引用了重复js，结果也是一样：只引用一次相同js静态的import 语句用于导入由另一个模块导出的绑定。无论是否声明了 strict mode ，导入的模块都运行在严格模式下。在浏览器中，import 语句只能在声明了 type=“module” 的 script 的标签中使用。

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)