JavaScript : Formatting values on the presentation layer a good idea?

Question

我们的应用程序(UI)必须处理显示计算结果(复杂/简单)。由于我们从后端接收原始数据，因此每个值/数字都必须按照货币/数量等进行格式化才能显示。目前，我们使用我们自己用 javascript 编写的函数在 UI 端执行所有这些类型的格式化。例如:

formatAmount: function (value) {
  jQuery.sap.require("sap.ui.core.format.NumberFormat");
  var oNumberFormat = sap.ui.core.format.NumberFormat.getFloatInstance({
    maxFractionDigits: 2,
    groupingEnabled: true,
  });
  value = (oNumberFormat.format(Number(value).toFixed(2)));
  return value + " \u20ac";  // € Symbol
},

随着我的开发，我意识到 UI 包含多种具有多种功能的格式。由于我们使用绑定(bind)到 UI 元素的示例数据在本地进行 UI 测试，因此在显示过程中我没有遇到性能问题。但当我想到格式化来自后端的大量数据并将其呈现在 UI 上时，我有一种不好的预感。

所以我想问在 UI 端执行此类格式化是否是一个好主意，或者我应该在后端处理此问题吗？您对如何避免这些值格式有什么建议吗？

如有任何建议，我们将不胜感激。

Answer 1

我建议像您现在一样在客户端上执行此操作，原因如下:

• 您可以更灵活地处理客户端的原始数据。特别是如果需求发生变化，您需要以用户的区域设置显示数据，那么在客户端上执行此操作比在服务器端更容易，因为您已经有了客户端区域设置信息

• 在客户端执行起来要容易得多。发送数据到客户端减少服务器和网络端的负载，特别是如果您拥有大量用户。