ES6 中想要 export 一个对象的解构，要怎么操作？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2188 天前的主题，其中的信息可能已经有所发展或是发生改变。

假设我有一个对象

const human = {
    talk,
    sleep,
    eat,
};

现在我想要在另一个 js 文件中引入这个对象中的方法,就像下面这样。

import { eat, talk } from './human';

那么我的 export 语句该怎么写呢？之前用 module.exports 语句是可以实现的，但听说混用不太好。

module.exports = human;

第 1 条附言 · 2018-12-15 00:08:52 +08:00

尝试了一些方法。

export default human;

上面的方法不能通过 import { eat } 拿到，于是尝试了下面的方法。

export default { ...human };

试着耍小聪明，但实验后确认上面的方法结果等同于第一种，又失败了。

for (let key in human) {
  if (human.hasOwnProperty(key)) export const [key] = human[key];
}

被逼得乱打一通，但export不能这么用，还是失败了。

16 条回复 • 2020-01-30 22:18:17 +08:00

des

2018-12-14 20:58:53 +08:00 via Android

export default human
这样？

qq1009479218

2018-12-14 21:02:11 +08:00

module.exports = human; 没问题啊，export default human 我知道 ts 这样用

cyril4free

2018-12-14 21:03:29 +08:00

module.exports 和 export default 输出都是 human 对象，想直接解构用就 export const talk 这样用的时候就是
import { talk } from './human'

sxlzll

2018-12-14 21:06:05 +08:00

看一遍就知道了
http://es6.ruanyifeng.com/#docs/module

weixiangzhe

2018-12-15 00:12:24 +08:00

所以怎么整？我今天也想这样来着，

weixiangzhe

2018-12-15 00:17:23 +08:00

感觉需要用 dynamic export
$export(xxx)
https://medium.com/@WebReflection/javascript-dynamic-import-export-b0e8775a59d4

tyrealgray

2018-12-15 00:17:44 +08:00 via Android

请认真看文档

Shook

2018-12-15 00:24:19 +08:00

@weixiangzhe
如果你想要 export 的对象，里面的属性是写死的话，就可以直接：
export default { eat: human.eat, sleep: human.sleep };

但如果你想要实现的和我的一样，是希望 export 能够不要关心 human 里面有什么属性，可以结合 commonjs：
module.exports = human;

这样的话，就能够使用 import { eat, sleep } 来引入了。
不过有一个问题，我在写 vue 的时候，是需要改 babel.config.js 才能这么做的。所以我才想要试着只用 ES6 来尝试这个效果，而不是混用。