javascript中的export和import怎么用

JavaScript022

javascript中的export和import怎么用,第1张

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)

有一个可能是你的js代码中有

①、function

a()

{....}或②、var

a

=

function()

{...}

js解释器解释这两种的方法是不同的，第一种立马进行解析，第二种是在调用的时候才解析。

解决方法:

建议将需要加载的js文件在页面初始化时一次加载完成。

嵌套调用的js代码中用上述①方法。

$import()貌似只有IE支持，可以用document.write()，在第一个js里面输出<script type="text/javascript" src="第二个js"></script>，如果还没效果，再试一下用setTimeout()延迟输出<script type="text/javascript" src="第二个js"></script>