javascript - 如何在函数上实现类方法或在类上实现函数构造函数方法？

这有可能吗？我处在一种情况下，我不知道该使用什么或最好使用什么。我想要一个类似StringHelpers类的东西，其中包含字符串的方法。我正在使用react js，在我的项目中我有class扩展到Component class，并且我也有无状态函数。现在，我如何在两个方法上都使用StringHelpers方法。

目前，我的StringHelpers知道如何处理。

class StringHelpers {
  constructor(string) {
    this.string = string;
  }

  toUcfirst() {
    return "ucfirst executing";
  }
}

export default StringHelpers;

我将能够实现：

`props.myString.toUcFirst()`;

在类和无状态函数中..我如何实现这样的目标..或者我也可以适应其他有效的方法。

最佳答案

您可以简单地从stringHelpers导出函数，而不是将其设为类，然后在需要的地方导入这些函数

//stringHelpers.js

export function capitalizeFirstChar(str){
   return str && str.replace(/^[a-z]/, (match)=> match.toUpperCase()) || ''
}

// test.js

import {capitalizeFirstChar} from './stringHelpers.js'
console.log(capitalizeFirstChar('hello world'))