提示信息

ES6的 默认导入(default import)和命名导入(named import)

美人胚 已关注

在ES6中,可以通过两种方式导入模块:默认导入(Default Import)和命名导入(Named Import)。

  1. 默认导入(Default Import): 当模块只导出一个东西(例如一个函数、类或者实例等)时,你可以使用默认导入。这个模块的导出用 export default 语句,而导入可以选择任何名称。

    导出:

    1. // myFunction.js
    2. export default function() {
    3. console.log("Hello World");
    4. }

    导入:

    1. import myFunc from "./myFunction";
    2. myFunc(); // 输出:"Hello World"
  2. 命名导入(Named Import): 当一个模块有多个导出时,可以通过命名导入来分别导入他们。具体的导出项需要用花括号 {} 包裹,并且名称必须和导出时的名称相同。

    导出:

    1. // myFunctions.js
    2. export function func1() {
    3. console.log("This is function 1");
    4. }
    5. export function func2() {
    6. console.log("This is function 2");
    7. }

    导入:

    1. import { func1, func2 } from "./myFunctions";
    2. func1(); // 输出:"This is function 1"
    3. func2(); // 输出:"This is function 2"

注意,一个模块可以同时包含一个默认导出和任意数量的命名导出。

    遇到难题? "AI大模型GPT4.0、GPT" 是你的私人解答专家! 点击按钮去提问......
美人胚 关注 已关注

最近一次登录:2024-04-19 10:54:05   

暂时还没有签名,请关注我或评论我的文章
×
免费图表工具,画流程图、架构图