ES6导出默认功能

ES6 export default function

本文关键字：功能 默认 ES6      更新时间：2023-09-26

我可以为每个文件导出多个函数吗？好像当我这样做时，第二个函数与第一个函数卵形，

例：在my index.js文件中：

export default function aFnt(){
    console.log("function a");
}
export default function bFnt(){
    console.log("function b");
}

然后当我将其导入我的文件时：

import aFnt from "./index";
console.log("aFnt : ",aFnt);

控制台的结果.log是 bFnt

这里到底是什么情况？ 我必须为每个函数创建一个新文件吗？ 这不是很实用，任何解决方案或解决方法？

如果你想导入命名函数，madox2的答案完全有效。

如果您仍想导入默认值，还有另一种技术：

function a() {}
function b() {}
export default { a, b }

导入时：

import myObject from './index.js';
myObject.a(); // function a
myObject.b(); // function b

我希望这有帮助！

您可以使用命名导出而不是默认导出：

export function aFnt(){
    console.log("function a");
}
export function bFnt(){
    console.log("function b");
}

并像这样导入它：

import {aFnt, bFnt} from "./index";
有

几种方法可以导出和导入对象/函数

export function first() {}
export function second() {}

在其他文件中

import { first, second} from './somepath/somefile/';

如果要使用 DEFAULT，通常如果文件中只有一个导出，则应该是默认导出。但是，如果您出于某些原因想要两个默认函数，则必须将它们作为对象进行标记并将该对象导出为默认值

function first() {}
function second() {}
const funcs= {"first":first,"second":second}
export default funcs;

在其他文件中 

import funcs from './somepath/somefile/';
funcs.first();funs.second();

应该是这样。

相关文章：