ES6的 默认导入(default import)和命名导入(named import)
在ES6中,可以通过两种方式导入模块:默认导入(Default Import)和命名导入(Named Import)。
默认导入(Default Import): 当模块只导出一个东西(例如一个函数、类或者实例等)时,你可以使用默认导入。这个模块的导出用
export default
语句,而导入可以选择任何名称。导出:
// myFunction.js
export default function() {
console.log("Hello World");
}
导入:
import myFunc from "./myFunction";
myFunc(); // 输出:"Hello World"
命名导入(Named Import): 当一个模块有多个导出时,可以通过命名导入来分别导入他们。具体的导出项需要用花括号
{}
包裹,并且名称必须和导出时的名称相同。导出:
// myFunctions.js
export function func1() {
console.log("This is function 1");
}
export function func2() {
console.log("This is function 2");
}
导入:
import { func1, func2 } from "./myFunctions";
func1(); // 输出:"This is function 1"
func2(); // 输出:"This is function 2"
注意,一个模块可以同时包含一个默认导出和任意数量的命名导出。