在javascript中定義模塊內的函數

Question

我試圖定義一個函數 attachPicker 可以像這樣調用：

(function(){
  $.fn.tagPicker = function(source){
    this.attachPicker();
  }
})(jQuery);

我試過了：

(function(){
    $.fn.tagPicker = function(source){
      this.attachPicker();
      //define attachPicker
      $.fn.attachPicker = function(){
        //code here
      }
    }
 })(jQuery);


(function(){
      $.fn.tagPicker = function(source){
          this.attachPicker();
          //define attachPicker
          this.attachPicker = function(){
            //code here
          }
      }
})(jQuery);

兩個都扔了

Uncaught TypeError: Object [object Object] has no method 'attachPicker' 

如果我做了

(function(){
      $.fn.tagPicker = function(source){
        this.attachPicker();
      }
      $.fn.attachPicker() = function(){ //codes here };
})(jQuery);

有效。 但是我想在 tagPicker 中定義 attachPicker 以便它可以訪問源。 任何人都可以解釋為什么我嘗試的那些不起作用並給我任何建議？ 當然，我知道如果在外部定義 attachPicker，我可以將源作為參數傳遞。 提前致謝！

Answer 1

在使用任何函數之前，您應該定義該函數

試試這個代碼

(function(){
      $.fn.tagPicker = function(source){

          //define attachPicker
          this.attachPicker = function(){
            //code here
          }
          this.attachPicker();
      }
})(jQuery);

您可以在這里測試： http : //jsfiddle.net/s23py/也可以通過對象調用它： http : //jsfiddle.net/s23py/2/