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

Question

这可能吗？我处于一种情况，我不知道该使用什么或什么更好用。我想要类似 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()`;

在类和无状态函数中..我如何实现这样的东西..或者我也可以满足于其他有效的方法。

Answer 1

您可以简单地从 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'))