如何通过变量映射将缩小的 JavaScript 转换为未缩小的 JavaScript

Question

我有很多方法可以美化 javascript 代码。但是所有这些转换方式都是基于没有映射变量的。让我们看看缩小 js 的例子：

!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)

现在我正在寻找一个自动化的 tools/system 来将缩小的 js 代码转换为美化的代码，我可以在其中将所有缩小的变量 (a,b,c ..) 映射到有意义的变量，例如 ($, var1,var2 ...) 我可以在其中分配变量映射，如 a=$、b=var1、c=var3 等。这样我就可以获得像

这样的美化代码

! 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);

执行此类转换的最佳工具是什么？

Answer 1

这里是可以帮助您美化 javascript 代码的在线工具列表。但您不会获得映射变量的功能 - https://www.cleancss.com/javascript-beautify/ - https://codebeautify.org/jsviewer - https://www.freeformatter.com/javascript-beautifier.html - https://beautifier.io/ - https://www.prettifyjs.net/ - https://jstherightway.org/ - https://prettier.io/playground/ - https://html-cleaner.com/js/

如何通过变量映射将缩小的 JavaScript 转换为未缩小的 JavaScript

How to convert minified to unminified JavaScript by mapping with variables

javascript

jquery

minify

unminify