javascript – ES6默认和命名导出

我想了解命名和认导出.我有一个看似基本的要求,我不明白如何设置.

我希望能够同时导入:

//app.js
import Mod from './my-module'
import { funcA,funcB } from './my-module'

console.log('A',Mod.funcA(),funcA()); // A a a
console.log('B',Mod.funcB(),funcB()); // A a a

当我尝试时,我最接近的方法是:

//my-module.js
export function funcA() { return 'a'; };
export function funcB() { return 'b'; };

export default {funcA,funcB}

我的麻烦是我不想重新索引认导出中的每个函数.我只是想定义我的函数,然后确保它们被导出,所以我可以使用它们.

建议?或者我必须使用import *作为来自’./my-module’的Mod;?

解决方法

您可以省略认导出并使用import作为语法:
//app.js
import * as Mod from './my-module'
import { funcA,funcB()); // B b b
//my-module.js
export function funcA() { return 'a'; };
export function funcB() { return 'b'; };

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...