title: How to convert minified to unminified JavaScript by mapping with variables
body: <p>i have got a lot of way to beautify javascript code. but all of those way of conversions are based on without mapping variable. let see with example of minified js:</p>
  
  <pre><code>!function(a){var b=[],c={init:function(){a(document).ready(c.ready);a(window).on("load",c.load)},ready:function(){},load:function(){setTimeout(function(){console.log(this)},1000)},};c.init()}(jQuery)
  </code></pre>
  
  <p>now i am looking for a automated tools/system to convert the minified js code to a beautified code where i can map all minified variables (a,b,c ..) to meaningful variables like ($,var1,var2 ...) where i can able to assign mapping of variable like a=$, b=var1, c=var3 and so on. So that i can get a beautified code like</p>
  
  <pre><code>! function($) {
  
      var var1 = [];
  
      var var2 = {
          init: function() {
  
               $(document).ready(var2.ready);
               $(window).on("load", var2.load);
          },
          ready: function() {
  
          },
          load: function() {
              setTimeout(function() {
                  console.log(this);
              }, 1000)
          },
      };
  
      var2.init();
  
  }(jQuery);
  </code></pre>
  
  <p>What are the best tools to perform such conversion?</p>