javascript - 是否可以从 DOM 中隐藏一个 json 数组？

Question

为了使用 javascript 函数，我必须使用 json 数组，但我希望能够隐藏 DOM 中的信息。

下面是一个例子:

<script>
    var arrayC = [{"id":null,"name":"Name","title":"Title"}];
    ..... function
</script>

我希望 arrayC 被遮盖，这可能吗？我在网上搜索但找不到任何东西，你能帮我吗？谢谢

Answer 1

一旦脚本执行，.remove()包含 <script>标签:

<script>
var arrayC = [{"id":null,"name":"Name","title":"Title"}];
console.log('doing something...');
document.currentScript.remove();
</script>
Right click and Inspect me!

请注意，这不会阻止用户看到代码 - 他们仍然可以在页面源代码中看到它。这只会将其从 DOM 中移除。

如果你还想保留arrayC从填充全局对象，将整个脚本放入 IIFE，或使用 const或 let而不是 var :

(() => {
  var arrayC = [{"id":null,"name":"Name","title":"Title"}];
  console.log('doing something...');
  document.currentScript.remove();
})();

应该对客户保密的数据首先不应发送到他们的计算机。无论您如何尝试伪装某些东西，如果您将它发送给客户，他们可能会以某种方式弄清楚。