import导出方式的不同

最新推荐文章于 2024-02-05 17:16:43 发布

曾不错吖

最新推荐文章于 2024-02-05 17:16:43 发布

阅读量476

点赞数 8

文章标签：前端 javascript html

本文链接：https://blog.youkuaiyun.com/sisuiban/article/details/135546009

版权

文章介绍了在JavaScript中使用`import`关键字导入文件的两种方式：默认导出(constmyFunction)和具名导出(constfun)。讲解了如何从一个文件导入函数并在其他文件中调用它们。

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

import xx from ‘…/…/’

当使用 import xx from ‘…/…/’ 这种方式时，被引入的文件通常是一个默认导出

// file1.js
const myFunction = () => {
  // Function implementation
}

export default myFunction

//上边我们建立了一个 filel.js文件，现在需要到某个js里引入这个文件
import myFunction from '../../file1.js'

// 使用被引入的函数
myFunction()

import {fun} from ‘…/…/’

当使用 import {fun} from '…/…/'这种方式时，被引入的文件通常是一个具名导出

// file1.js
export const fun = () => {
  // Function implementation
}

//上边我们建立了一个 filel.js文件，现在需要到某个js里引入这个文件
// file2.js
import { fun } from '../../file1.js'

// 使用被引入的函数
fun()