如何返回函数而不是仅返回值

Question

这是我在服务器端的代码

socket.on('new message', msg => {
   io.emit('new message', {
     name: socket.username,
     msg: msg   
   });
  });

在客户端

socket.on('new message', function(data) {
    var item = document.createElement('div');
    item.textContent = data.name+data.msg;
    messages.appendChild(item);
    window.scrollTo(0, document.body.scrollHeight);
   });

它有效，但我想确保安全并尽可能少地公开源代码，所以我想知道这是否可以反过来做，像这样？

socket.on('new message', msg => {
   io.emit('new message', () => {
    var item = document.createElement('div');
    item.textContent = socket.username+msg;
    messages.appendChild(item);  
   });
  });

socket.on('new message', function(data) {
    data();
   });

这行不通，但如果有办法请告诉我。

Answer 1

您似乎在使用socket.io，它通过 WebSockets 发送 JSON 数据，并且 JavaScript 函数无法序列化为 JSON。

您可以通过将代码作为字符串发送并调用 eval 在当前上下文中运行它来实现此功能。

但是除了不安全之外（如果发送的代码可能会受到用户输入的影响，并且没有适当的清理可能会导致在浏览器上远程执行代码），人们仍然可以看到正在发送和运行的代码他们的浏览器的网络选项卡或通过其他方式检查网络流量。

归根结底，您无法真正隐藏浏览器上运行的内容，您可以努力对其进行混淆（有很多工具可以做到这一点），但这只会让您更难弄清楚功能，并非不可能。

Answer 2

对不起，但我不明白你为什么要向用户隐藏将 div 附加到 dom。

任何真正想查看客户端逻辑的用户都可以这样做，因为他们已经可以使用所有内容。如果您试图“混淆”您的代码和逻辑，那么我建议您再考虑一下。

编辑：如果您真的想继续，请将其粘贴到浏览器开发工具的控制台选项卡中。

function a(b) {
  return b + 1;
}

String(a);

你应该可以弄明白的。