Es6 模块方法定义引用对比

vue-cli
webpack
components

#1

class A {

login() {
return new Promise();
}

userInof(){
return new Promise();
}
}
export new A{}

export const login => {
return new Promise();
}
export const userInof=> {
return new Promise();
}

这两种方法,哪种好些呢?是否性能的影响?


#2

为什么会有第一种方法?定义一个类然后单独导出它的实例是什么操作……而且你确定 export new ... 是一个合法的 JS 语句吗?

忽略这些细节的话,第二种更好,因为分离了导出点,便于做 tree-shaking 优化。性能上,显然第二种更优(尽管这点差异可以忽略不计)。


#3

理解了,我之前都是从模块静态引用考虑,没考虑到tree-shaking优化这层
谢谢