如何解决可变字符串中的撇号或引号？的JavaScript

如何解决如何解决可变字符串中的撇号或引号？的JavaScript

我不断遇到变量JS字符串中的撇号（单引号）和引号（双引号）错误。

这很容易工作

<button onclick="alert('Hi');">Say Hi</button>

同样，如果文字字符串中存在单引号，则转义它即可。

<button onclick="alert('Sagan\'s Razor');">Aliens Exist</button>

但是，当使用可变字符串时，如果字符串包含单引号，则会破坏代码。

<button onclick="alert('[@variableSting]');">Say What?</button>

很明显，我可以交换双引号和单引号，但这只是意味着错误将从单引号变为双引号。

使用带有某种编码的函数似乎可以正常工作，但是单引号会破坏下面的示例，甚至无法对其进行编码。

<button id="sandBox-button">More Complicated</button>
<script>
   function customAlert(bEle,aStr) {
     const btn = document.querySelector(bEle);
     btn.onclick = function() {
        alert(decodeURI(aStr));
     }
   }
   customAlert('#sandBox-button',encodeURI('[@variableString]'));
</script>

例如，如果[@variableSting]等于我正试图使其简单化，代码将会看到

encodeURI('I'm trying to keep it simple')

...会破裂。

有人能想到一个简单而动态的解决方案吗？ 干杯