javascript - 这个字符串替换函数的目的是什么？

Question

在查看 Remy Sharp 的 Simple Drag and Drop 演示的源代码时，我发现了这个功能:

function entities(s) {
  var e = {
    '"' : '"',
    '&' : '&',
    '<' : '<',
    '>' : '>'
  };
  return s.replace(/["&<>]/g, function (m) {
    return e[m];
  });
}

据我所知，它只是将 "或 & 或 < 或 > 替换为自身。因此不需要该功能。

我哪里错了？

更新:单击页面末尾的“查看源代码”可以查看源代码。

Answer 1

我使用 Ctrl+U 在 Chrome 中查看了该页面的源代码，这是我发现的:

function entities(s) {
  var e = {
    '"' : '"',
    '&' : '&',
    '<' : '&lt;',
    '>' : '&gt;'
  };
  return s.replace(/["&<>]/g, function (m) {
    return e[m];
  });
}

显然，这会做一些事情——也就是说，它将特殊字符替换为转义形式。

您看到您所做的事情的原因是您在“查看源代码”页面上查看的源代码以 HTML 呈现。因此，当源的 " 字符串在“查看源代码”页面上呈现时，它在 HTML 页面上显示为 "。HTML5Deoms 确实应该转义其上的 & 符号像 " 这样的查看源页面，这样它会在呈现的源页面上正确显示为 "，但他们不这样做。