<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <p>模块化需要服务器环境</p>
    <p>import 可以是相对路径,也可以是绝对路径。</p>
    <p>import 无论重复多少次 ,模块只会导入一次。</p>
    <p>import 提升,会优先执行。</p>
    <p>export 导出内容,如果里面有更改,外面也会改动。</p>
    <p>import() 动态引入,返回值是 promise对象</p>
    <p>模块化需要服务器环境</p>
</head>
<body>
    
</body>
</html>

<script type="module">
    import {a,b,xx as x,yy as y} from  './modules/m.js'
    console.log(a,b,x,y)
</script>

<script type="module">
    import * as all from  './modules/m.js'
    console.log(all)
</script>

<script type="module">
    import a  from  './modules/m.js'
    console.log(a)
</script>

<script type="module">
    let a = 1;
    let urlStr = './modules/m2.js'
    if(a == 1){
        import(urlStr).then(res=>{
            console.log(res.p)
        })
    }
</script>


<script type="module">
    Promise.all([
        import('./modules/j1.js'),
        import('./modules/j2.js')
    ]).then(([mod1,mod2])=>{
        console.log(mod1,mod2)
    })
    console.log(p)
</script>

本文由 吾爱 创作,采用 知识共享署名 3.0,可自由转载、引用,但需署名作者且注明文章出处。

还不快抢沙发

添加新评论