详解import()函数和import关键字

跟大叔学前端

已于 2023-12-05 10:34:50 修改

阅读量737

点赞数 10

分类专栏：前端技能丝滑小连招文章标签：前端 javascript 开发语言

于 2023-12-05 10:23:51 首次发布

本文链接：https://blog.youkuaiyun.com/qd_2000w/article/details/134800515

版权

本文详细比较了JavaScript中import关键字和import()函数的用法，包括静态导入模块、默认导出和具名导出，以及动态导入的异步加载特性，有助于开发者理解和运用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当使用JavaScript编写代码时，我们经常需要导入其他模块或库来扩展我们的功能。JavaScript提供了两种不同的导入方式：import关键字和import()函数。这两种方式在语法和使用方式上有所不同，下面将详细讲解它们的区别和实际用途。

import关键字用于导入模块或具有默认导出的模块中的内容，其语法如下：

import defaultExport from "module_name";
import {
    namedExport1, namedExport2 } from "module_name";
import * as alias from "module_name";

其中，defaultExport是模块的默认导出，namedExport1和namedExport2是模块中的具名导出，alias是模块的别名。使用import关键字导入模块后，我们可以直接使用导入的内容。

下面是一个示例，展示了如何使用import关键字导入一个名为math的模块，并使用其中的函数进行数学计算：

import {
    sqrt