ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

ES6-import后是否有{}的区别

2026/9/12 7:41:10 拓冰建站 浏览量
ES6-import后是否有{}的区别

在ES6中,import语句用于导入其他模块中的变量、函数、类等。在使用import语句时,可以选择是否使用花括号{}来包裹导入的内容,这会影响导入的内容的使用方式。

1.使用花括号{}: 当使用花括号{}时,表示只导入指定的变量、函数或类。例如:
import { a, b} from 'test';
2.不使用花括号{}: 当不使用花括号{}时,表示导入整个模块的默认导出内容。例如:
import test from 'test';
3.另外,如果一个模块同时有默认导出和命名导出,可以使用以下方式导入:
import test, { a, b} from 'test';

总结:

使用花括号{}时,表示只导入指定的变量、函数或类。
不使用花括号{}时,表示导入整个模块的默认导出内容。
根据具体的需求和模块的导出方式,可以选择适合的import语句形式。