Nextjs:静态类/使用函数

Question

我想在nextjs 中创建工具类/函数

我有两种方法。

带有静态类：

class Tools {
static titleCase(value: string) {
return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase();
}
}
export default Tools

使用功能：

export default function Tools(){
function titleCase(value: string) {
return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase();
}
return { titleCase }
}

这是我的问题：

1-哪个更好？

2-它们之间有什么区别？

Answer 1

两者都没有。静态实用程序函数的更好解决方案是使用命名导出：

// tool.js:
export function titleCase(value: string) {
return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase();
}

更短，没有不必要的中间对象，有利于树木摇晃。