node-v下载与应用、ES6模块导入与导出-EW帮帮网

模块导出：export { }

具名导处的方式
保证以花括号的形式导出

let obj = {
    name: "张三"
}
// 具名导出的方式
// 保证以花括号的形式导出
export { obj }

模块导入： import { } from " "

 <script type="module">
        // 具名导入
        // 保证以花括号的形式导出
        import { obj } from "./1.js"
        console.log(obj);
    </script>

如果两个Js文件有相同的名字，可以选择导入的时候使用as修改变量名，调用的时候用新的变量名

import { obj, fn as fn2, str1 } from "./1.js"

let obj = {
    name: "张三"
}
function fn(a, b) {
    let s = a + b;
    alert(s)
}
let str1 = "我是一句话"
export { obj, fn, str1 }

 // 如果两个Js文件有相同的名字，可以选择导入的时候使用as修改变量名
        import { obj, fn as fn2, str1 } from "./1.js"
        console.log(obj);   // {name: '张三'}
        console.log(str1);  // 我是一句话
        function fn() {
            alert(1)
        }
        fn2(1, 2)    // 3

当导出了很多的变量，可以使用*as来接收

import *as all from "./1.js"

// 当导出了很多的变量，可以使用*as来接收
        import *as all from "./1.js"
        console.log(all);       
       //Module {Symbol(Symbol.toStringTag): 'Module'}
         fn: （…）
         obj: （…）
         str1: （…）
        console.log(all.obj);  // {name: '张三'}
        all.fn("孙莉", "不是孙俪")

 // ☆也可以单独导出，导出的时候的名字需要和导入的时候的名字保持一致
        // import { str1 } from "./1.js"
        // console.log(str1);  //我是一句话

在导出的时候也使用as修改变量名

分开导出：

分开导出
export let obj = {
    name: "张三"
}
export function fn(a, b) {
    let s = a + b;
    alert(s)
}
export let str1 = "我是一句话"

// 分开导入
        import { str1, fn, obj } from "./1.js"
        console.log(str1); // {name: "张三"}
        console.log(obj); // 我是一句话
        fn("孙莉", "不是孙俪") //孙莉 不是孙俪

匿名导出：匿名导出一个对象

export default { }

// 匿名导出一个对象
export default {
    obj: {
        name: "张三"
    },
    str: "我是一句话",
    strFn: function (a, b) {
        alert(a + b)
    }
}

匿名导出不需要花括号，名字可任意命名

<script type="module">
        // 匿名导出 不需要花括号，名字可任意命名
        import abc from "./2.js"
        console.log(abc.obj);  // {name: '张三'}
        console.log(abc.str);   // 我是一句话
        abc.strFn("你好", "中国") //你好中国
    </script>

分开写的方式

// 分开写的方式 js部分
let obj = {
    name: "张三"
}
let str = "我是一句话";
let strFn = function (a, b) {
    alert(a + b)
}
export default {
    obj: obj,
    str: str,
    strFn: strFn
}

// html部分
<script type="module">
        // 匿名导出 不需要花括号，名字可任意命名
        import abc from "./2.js"
        console.log(abc.obj);  // {name: '张三'}
        console.log(abc.str);   // 我是一句话
        abc.strFn("你好", "中国") //你好中国



    </script>

// 分开写的方式 js部分
let obj = {
    name: "张三"
}
let str = "我是一句话";
let strFn = function (a, b) {
    alert(a + b)
}
// 在es6中 key 和value 是一样的情况，可以省略写value
export default {
    obj,
    str,
    strFn
}

// html部分
<script type="module">
        // 匿名导出 不需要花括号，名字可任意命名
        import abc from "./2.js"
        console.log(abc.obj);  // {name: '张三'}
        console.log(abc.str);   // 我是一句话
        abc.strFn("你好", "中国") //你好中国



    </script>