包括原型 function 全局（反应）

Question

我有以下 function 可以快速替换字符串中的单词（多次出现）：

String.prototype.replaceAll = function (search, replacement) {
  var target = this;
  return target.replace(new RegExp(search, 'g'), replacement);
};

这个 function 按预期工作。 我在多个组件（文件）和功能中需要这个 function，所以我直接在每个文件的开头添加这个 function。 是否有一种简单的解决方案可以将此类功能全局包含到项目中，而无需将其单独添加到每个文件中？

编辑：

// strings.js
import React from 'react';
String.prototype.replaceAll = function (search, replacement) {
  var target = this;
  return target.replace(new RegExp(search, 'g'), replacement);
};

我应该导出这个 function 还是如何导入这个 function？ 我可以在 App.js 的顶部添加import strings.js吗？

Answer 1

如果你修改了字符串原型，你的工作就完成了。 function 将立即随处可用。 但是，您应该知道修改 String 等类型的原型是不受欢迎的： https://flaviocopes.com/javascript-why-not-modify-object-prototype/

此外，如果您使用 TypeScript，您将不会看到新的 function 而不将字符串转换为您自己的某种类型。