利用 Unicode 零宽字符隐藏 JavaScript 代码的技巧

代码实现与生成机制

(function(window) {
 var rep = { // 替换用的数据，使用了4个零宽字符，数据量减少了一半。
  '00': '\u200b',
  '01': '\u200c',
  '10': '\u200d',
  '11': '\uFEFF'
 };
 function hide(str) {
  str = str.replace(/[^\x00-\xff]/g, function(a) { // 转码 Latin-1 编码以外的字符。
   return escape(a).replace('%', '\\');
  });
  str = str.replace(/[\s\S]/g, function(a) { // 处理二进制数据并且进行数据替换
   a = a.charCodeAt().toString(2);
   a = a.length < 8 ? Array(9 - a.length).join('0') + a : a;
   return a.replace(/../g, function(a) {
    return rep[a];
   });
  });
  return str;
 }
 var tpl = '("@code".replace(/.{4}/g,function(a){var rep={"\u200b":"00","\u200c":"01","\u200d":"10","\uFEFF":"11"};return String.fromCharCode(parseInt(a.replace(/./g, function(a) {return rep[a]}),2))}))';
 window.hider = function(code, type) {
  var str = hide(code); // 生成零宽字符串
  str = tpl.replace('@code', str); // 生成模版
  if (type === 'eval') {
   str = 'eval' + str;
  } else {
   str = 'Function' + str + '()';
  }
  return str;
 }
})(window);

读者可以通过简单的代码片段进行测试，验证其隐藏效果，也可以在此基础上进一步优化逻辑，甚至将其封装为插件。这既是一个不错的编程练习，虽然该技术在生产环境中缺乏实际业务价值，但作为技术探索或趣味项目仍具一定意义。此外，由于其反直觉的特性，偶尔也可用作面试题来考察候选人的底层知识储备。