javascript - 如何通过使用变量映射将缩小的 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)

现在我正在寻找一种自动化工具/系统来将缩小的 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/