JS中的import和export怎么用？

javascript中 import 和 export 用于模块化编程，正确使用需注意以下要点：1.命名导出通过 export 关键字导出多个变量、函数或对象，导入时用 {} 按名称引入；2.默认导出使用 export default 导出单个主要功能或组件，导入时可自定义名称；3.混合导入时先写默认导出再写命名导出；4.路径可省略扩展名并支持别名配置；5.按需导入优于全部导入以提升性能；6.避免循环依赖可通过重构代码解决；7.动态导入通过 import() 函数实现延迟加载。

在 JavaScript 中，import 和 export 是模块化编程的核心语法，用于在一个文件中导出变量、函数或对象，并在另一个文件中引入使用。它们的用法并不复杂，但细节容易搞混，尤其是刚开始接触模块化开发的时候。

下面从几个常见使用场景出发，讲讲怎么正确使用 import 和 export。

常见的 export 用法

你可以通过几种不同的方式导出内容，最常用的是命名导出和默认导出。

• 命名导出（Named Export）
  比如你有一个工具文件 utils.js，里面有几个函数：

// utils.jsexport function add(a, b) {  return a + b;}export const PI = 3.14;

登录后复制