如何让JSON.stringify转义单引号，适配Handlebars渲染JS代码

这个问题的核心是JSON.stringify默认不会转义单引号，而你用单引号包裹了JSON.parse的参数，当字符串里有单引号时就会打破JS的语法结构。这里有个直接可行的解决方案：

修改Handlebars的json助手函数 #

在JSON.stringify之后，全局替换所有单引号为转义后的\'，这样就能保证外层的单引号不会和内容里的单引号冲突。修改后的助手函数如下：

function json(context) {
  return JSON.stringify(context).replace(/'/g, "\\'");
}

效果验证 #

当你的stringsDataObj是：

stringsDataObj = { "str1": "I'm here", "str2": "You're there" }

渲染后的JS代码会变成：

var stringsObj = JSON.parse('{"str1":"I\'m here","str2":"You\'re there"}');

这是完全合法的JS代码，压缩工具也能正常处理。

为什么你之前的替换没成功？ #

大概率是因为你没有使用全局替换：如果只写.replace("'", "\\'")，只会替换字符串中第一个出现的单引号，而正则/'/g会匹配所有单引号并替换，这才是你需要的效果。

内容的提问来源于stack exchange，提问作者João Pimentel Ferreira