ES6模块：导出单个静态方法类或多个单独的方法

Question

我正在使用ECMAScript 6模块。从下面的选项中从模块导出/导入多个方法的正确方法是什么？

单一类别的静态方法：

//------ myClass.js ------

export default class myClass {

  static myMethod1() {
    console.log('foo'); 
  }

  static myMethod2(args...) {
    console.log('bar'); 
  }  

}

//------ app.js ------

import myClass from 'myClass';
myClass.myMethod1();    //foo

多个导出方法：

//------ myMethods.js ------

export function myMethod1() {
    console.log('foo');
}

export function myMethod2() {
    console.log('bar');
}

//------ app.js ------
import {myMethod1, myMethod2} from 'myMethods';
myMethod1()    //foo;


//OR
import * as myMethods from 'myMethods';
myMethods.myMethod1()    //foo;

1） 导出：一个仅仅是静态方法的类感觉有点像“代码味道”，但类似地，单独导出所有内容确实感觉有点冗长。这仅仅是开发人员的偏好，还是存在性能影响？

2） 导入：“*as”语法是我首选的方法，因为它允许您使用点表示法（同时引用模块和方法）帮助代码可读性。当我可能只使用其中的一种方法时，这会影响性能吗？

Answer 1

TLDR；使用多个导出方法和显式导入。

@Bergi说得对，在第一种情况下，不需要一个带有静态字段的类，只需要一个对象。但是，Axel Rauschmayer不鼓励这种选择：

请注意，默认导出对象通常是反模式（如果要导出属性）。您会失去一些ES6模块的好处（摇树和更快地访问导入）。

Airbnb的开发人员推荐命名导出和显式wildcrad导入，请参阅以下线程：https://github.com/airbnb/javascript/issues/710#issuecomment-297840604

Answer 2

一类纯静态方法感觉有点“代码味道”

是的。这里不需要类结构！只需导出一个普通的“模块”对象：

//------ myMethods.js ------

export default {
  myMethod1() {
    console.log('foo'); 
  },
  myMethod2(args...) {
    console.log('bar'); 
  }  
};

不过，我确实推荐您使用多重导出的第二种方法。

单独导出所有内容确实感觉有点冗长

嗯，你不需要任何包装结构，所以我想说这是较少的样板。您只需显式标记要导出的所有内容，这不是一件坏事。

*as语法是我的首选方法，因为它允许您使用点表示法（引用模块和方法）帮助代码可读性。

这在很大程度上是个人偏好，并且确实取决于您正在编写的代码类型。有时简洁性更好，但是显式引用模块的能力也很有帮助。请注意，使用*作为的命名空间导入和默认导入的对象在这里非常相似，尽管只有命名的导出允许您通过导入{myMETHOD1， myMETHOD2}直接引用它们。所以最好把选择权留给那些导入你的模块的人。

这对性能有影响吗？

不多目前的ES6实施还没有以性能优化为目标。

一般来说，静态标识符比属性访问更容易解决和优化^[1]，多个命名导出和部分导入理论上可以使JIT更快，当然，如果在捆绑期间删除未使用的导出，则较小的文件需要较少的加载时间。详见此处。几乎不会有明显的性能差异，你应该使用更好的维护。

_{[1]：模块命名空间（导入*作为ns）也是静态的，即使ns......看起来像一个动态属性访问}