我正在学习如何对现有的 javascript 代码进行逆向工程，并且遇到了一些问题，这是由于我不了解核心 javascript 的工作原理。下面是代码以及我的评论的屏幕截图。

代码以声明 var warper 开始。

• 然后 warper 变量等于函数内的函数？为什么它不是通常调用的 function Warper()，而是在另一个函数中？
• 我注意到了 _this 的使用。这与通常使用的常规 this 有何不同？
• #btn-submit id 被设置为在点击时激活。我可以看到它调用了 click_submit 函数，但为什么它是 Warper.prototype.click_submit 而不是 click_submit()？
• 我的最后一个问题，也就是我真正想要做的是通过 js 调用 click_submit 函数，而不必单击 #btn-submit 按钮。

问题:如何通过js调用warper.click_submit函数而不需要点击按钮？我正在尝试将其集成到我的另一段代码中。

我试过 warper.prototype.click_submit 但它什么也没做。我假设它是因为它在函数中的函数内？

(function() {
  var Warper;

  Warper = (function() {
    function Warper() {
      this.check_compatibility();
      this.attach_ux();
      if (window.SALT_DEFAULT != null) {
        $('#salt').val(window.SALT_DEFAULT);
        $('#salt').attr('disabled', true);
        $('.salt-label').text('Prefilled salt');
      }
    }

    Warper.prototype.check_compatibility = function() {
      if (typeof Int32Array === "undefined" || Int32Array === null) {
        return $('.form-container').html('<p>\n  Sorry, but your browser is too old to run WarpWallet, which requires Int32Array support.\n</p>');
      }
    };

    Warper.prototype.attach_ux = function() {
      $('#btn-submit').on('click', (function(_this) {
        return function() {
          return _this.click_submit();
        };
      })(this));
      $('#btn-reset').on('click', (function(_this) {
        return function() {
          return _this.click_reset();
        };
      })(this));
      return $('.what-salt').on('click', (function(_this) {
        return function() {
          return $('.salt-explanation').toggle();
        };
      })(this));
    };


    Warper.prototype.click_submit = function() {
      $('#btn-submit').attr('disabled', true).html('Running...');
      $('#btn-reset').attr('disabled', true).html('Running...');
      $('#passphrase, #salt, checkbox-salt-confirm').attr('disabled', true);
      $('.progress-pbkdf2, .progress-scrypt').html('');
      $('.progress-form').show();
      return warpwallet.run({
        passphrase: $('#passphrase').val(),
        salt: $('#salt').val(),
        progress_hook: (function(_this) {
          return function(o) {
            return _this.progress_hook(o);
          };
        })(this),
        params: window.params
      }, (function(_this) {
        return function(res) {
          $('#passphrase, #checkbox-salt-confirm').attr('disabled', false);
          if (window.SALT_DEFAULT == null) {
            $('#salt').attr('disabled', false);
          }
          $('#private-key').val(res["private"]);
          _this.write_qrs(res["public"], res["private"]);
          return console.log;
        };
      })(this));
    }; //click_submit

    return Warper;

  })(); // Warper End

  $(function() {
    return new Warper();
  });

}).call(this); // End Function

最佳答案

代码以声明 var warper 开始。

• And then warper variable equals a function inside a function? Why isn't it the usual call of function Warper(), but its inside another function?

它在另一个函数中创建它自己的范围。这种做法主要用于隔离非相关代码和防止全局变量。

• I noticed the use of _this. How is that different from the regular this that is usually used?

_this 只是一个设置为指向外部 this 的变量。每次调用函数时，它都有自己的 this(取决于调用函数的方式)。所以如果在另一个函数内部定义回调，而你需要引用那个外部(“另一个”)函数的this，你可以将它暂时保存到变量中。此临时变量通常称为 _this、that 或 self。

• The #btn-submit id is set to activate when it is clicked on. I can see that it calls the click_submit function, but why is it Warper.prototype.click_submit instead of just click_submit()?

如果您在原型(prototype)上定义函数，则每个实例都将使用相同的函数。如果您在 this.clik_submit = function(){...} 上定义它，那么每个实例都必须拥有该函数自己的副本。最后一个选项是仅在作用域内定义 function click_submit(){...}，但这样就无法从作用域外访问该函数。

• And my final question, which is what I really want to do is call the click_submit function via js without having to click on the

  btn-submit button.

您需要访问 warper 实例才能调用 click_submit 函数。没有它(并且无法更新代码)就无法调用它。但是您可以考虑自己在按钮上创建点击事件来触发该功能。使用 jquery 这就像 $("#btn-submit").click();

关于javascript - 了解 Javascript 的 _this、不同类型的函数调用以及如何在函数内部调用函数？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40298991/