DedicatedWorkerGlobalScope बजाय निर्माता

Question

हो रही है जब मैं इस प्रिंट Onscroll हैंडलर के अंदर मैं DedicatedWorkerGlobalScope बजाय निर्माता मिलता है।

var Frame = React.createClass({ 
    _handleScroll: (ev) => { 
     console.log(this) //DedicatedWorkerGlobalScope 
    }, 
    render: function() { 
     return (
      <ScrollView 
       ref='scrollViewH' 
       onScroll={this._handleScroll}> 
       {items} 
      </ScrollView> 
     ); 
    } 
}); 

मैं इनलाइन समारोह के साथ स्क्रॉल संभाल यदि यह सही काम करता है:

var Frame = React.createClass({ 
    render: function() { 
     return (
      <ScrollView 
       ref='scrollViewH' 
       onScroll={(ev) => { 
        console.log(this) //Constructor 
       }}> 
       {items} 
      </ScrollView> 
     ); 
    } 
}); 

बाइंडिंग इस काम नहीं करता।

onScroll={this._handleScroll.bind(this)} 

Answer 1

जब मैं पुराने फैशन तरह से कॉलबैक घोषणा (बिना ES6 तीर कार्य) यह उम्मीद के रूप में काम करता है दुबारा लिखा। ऐसा क्यों?!!!! अगर कोई जानता है, तो कृपया मुझे जवाब दें।

var Frame = React.createClass({ 
    _handleScroll: function(ev) { 
     console.log(this); //Constructor 
    }, 
    render: function() { 
     return (
      <ScrollView 
       ref='scrollViewH' 
       onScroll={this._handleScroll}> 
       {items} 
      </ScrollView> 
     ); 
    } 
}); 

Answer 2

जब आप तीर समारोह घोषणा उपयोग करते हैं, आप का उपयोग कर रहे अपने चर 'फ्रेम' के रूप में एक ही स्तर पर 'इस' उपलब्ध नहीं है क्योंकि ES6 संदर्भ का निष्कर्ष निकालते है। यह नीचे दिए गए लेख, जिसमें कहा गया है

[तीर कार्यों] निहित मुनाफा होता है और सबसे महत्वपूर्ण बात, वे हमेशा enclosing दायरे से इस के मूल्य का उपयोग से समझाया गया है

लेख देता है एक

https://www.sitepoint.com/bind-javascripts-this-keyword-react/