jquery嵌套函数访问

Question

如何在 onclick 中访问 test2() 外部函数，如普通函数所示，用括号括起来告诉运行时将函数返回到父作用域，一旦返回，函数将使用第 4 行执行，也许阅读这些步骤会有所帮助。

<p onclick='test().test2()'> some text </p>; 

<script>

  //the below declaration will not change 
  var jQuery = 'Hi';
  (function ($) { 
    function test(){
      function test2(){
        alert('text')
      }
      alert($)
    } 
    console.log($);
    test().test2()
  })(jQuery)

</script>

Answer 1

只有在您希望访问该函数的范围内声明该函数时，您才能访问test2。在这种情况下，这意味着您需要在外部范围内声明该函数。

您可以通过在外部范围内设置一个变量来做到这一点，如下所示：

var test2;
 var jQuery = 'Hi';
  (function ($) { 
    function test(){
      test2 = function(){
        alert('text')
      }
      alert($)
    } 
    console.log($);
    test(); //test needs to be called first to define test2.
    test2();
  })(jQuery)

Answer 2

我检查了两次，这很有效：

    var jQuery = 'Hi';
    window.test = (function ($) {
        function test(){
            this.test2 = function () {
                alert('text')
            };
            alert($);
            return this;
        }
        console.log($);
        test().test2();

        return test;
    })(jQuery);