$ .fn.methodを使用して2回目の呼び出しでオブジェクトプロパティにアクセスできない理由

Question

defaultOptions.startCountの値には$.fn.count(10).defaultOptions.startCount を使用していますが、コンソールの表示Cannot read property 'startCount' of undefinedを使用してアクセスしたいと思います。 startCount値を記録するには？

<div id="counter1"></div> 
<div id="counter2"></div> 

(function($) { 
    $.fn.count = function (counter_init) { 
     defaultOptions = { startCount: counter_init } 

     return this.each(function() { 
      var $this = $(this); // Sets the counter start number to zero.    
      $this.text(defaultOptions.startCount + ''); 
      var myInterval = window.setInterval(function() { 
       var currentCount = parseFloat($this.text()); 
       var newCount = currentCount + 1; $this.text(newCount + ''); 
      }, 1000); 
     }); 
    }; 
})(jQuery); 

jQuery('#counter1, #counter2').count(25);  
console.log($.fn.count(10).defaultOptions.startCount); 

Answer 1

あなたは$.fn.count(10).defaultOptions.startCountを使用することはできません。 defaultOptionsはではないので、のメンバーは$.fn.countです。

this.variable_nameを使用すると、関数に変数を追加できます。

例：

my_function = function() 
{ 
    this.variable_1 = 1; 
    variable_2 = 2; 
    var variable_3 = 2; 
} 

var my_object = new my_function(); // create new object to access variables 
console.log(my_object.variable_1); // 1 
console.log(my_object.variable_2); // undefined 
console.log(my_object.variable_3); // undefined 

ワーキングコード：

<script> 
(function ($) { 
$.fn.count = function (counter_init) { 
    this.defaultOptions = { startCount: counter_init} 

    return this.each(function() { 
     var $this = $(this);    // Sets the counter start number to zero.    
     $this.text(this.defaultOptions.startCount + ''); 
     var myInterval = window.setInterval(function() { var currentCount = 
parseFloat($this.text()); var newCount = currentCount + 1; $this.text(newCount + ''); }, 1000); 
    }); }; 

})(jQuery); 
jQuery('#counter1, #counter2').count(25);  
console.log($.fn.count(10).defaultOptions.startCount);