javascript - ES6 访问从同一文件导出 'default' 实例

Question

我想知道，当您像这样使用 ES6 关键字 export 导出一些数据时:

export default {
  data: "Hello !"
}

您如何才能从同一个文件访问完全相同的导出数据？

编辑:当然，在导出变量之前不声明它......

Answer 1

如果您这样构建文件，则不能。

通常，您在导出语句之前定义要公开的函数和数据，然后在构建导出的对象/函数时引用它们。

坏方法:

export default {
    data: 'Hello!',
    myFn: function (str) {
        console.log(str);
    }
}

好办法:

var data = 'Hello!';

var myFn = function (str) {
    console.log(str);
};

// code that uses data and myFn

// shorthand for { data: data, myFn: myFn }
export default { data, myFn };