別の関数jquery内の変数にアクセスするには

Question

私はこのオブジェクトを持っており、関数内のinit関数から変数をアクセスしたいとします。

変数へのアクセスに問題があります。どうすればこれを達成できますか？

// Summary Screen Functions 
var summary = { 
    init: function() { 

     var scrolled = 0; 

     $('.page-summary-action a').on('click', summary.continueToSummary); 
     $('.scroll-down').on('click', summary.scrollDown); 
     $('.scroll-up').on('click', summary.scrollUp); 
    }, 

    scrollDown: function(e) { 
     e.preventDefault(); 
     scrolled = scrolled + 300; 

     console.log('clicked'); 

     $(".data-cards").animate({ 
      scrollTop: scrolled 
     }); 
    }, 

    scrollUp: function(e) { 
     e.preventDefault(); 
     console.log('clicked'); 

     $(".data-cards").animate({ 
      scrollTop: 15 
     }); 
    } 
}; 

summary.init(); 

Answer 1

var scrolled = 0; // Put the variable in an outer scope 
var summary = { 
    init: function() { 
     // access "scrolled" 
     scrolled = 0; 
    }, 

    scrollDown: function(e) { 
     // access "scrolled" 
    }, 

    scrollUp: function(e) { 
     // ... 
    } 
}; 

summary.init(); 

または

var summary = { 
    scrolled: 0, // Make it a property of the "summary" object 
    init: function() { 
     // access "scrolled" 
     summary.scrolled = 0; 
    }, 

    scrollDown: function(e) { 
     // access "scrolled" 
    }, 

    scrollUp: function(e) { 
     // ... 
    } 
}; 

summary.init(); 

Answer 2

あなたの質問に続いて、あなたの代わりにVARのthis.scrolledを使用する必要があります。例では、あなたが `summary`オブジェクトの外で変数を入れたり` summary`オブジェクトのプロパティ行い、このリンクHow does the “this” keyword work?を検索し、Explanation from MDN