कोणीय 2. एचटीपी। सदस्यता लें: "इस" सूचक

Question

गॉट:

http.request('js/app/config/config.json').subscribe(data => { 
      this.url = data.json().url; 
     }); 

और किसी भी तरह "इस" अंक सब्सक्राइबर करने के लिए। पता नहीं क्यों ... कारण मैंने सोचा कि वसा-तीर लैम्ब्डा माता-पिता के वर्ग सूचक को पकड़ लेगा।

ऐसा क्यों?

Answer 1

यह ES6 तीर फ़ंक्शन फ़ीचर संदर्भ के लिए एक और चर बनाने से बचने के लिए है। आप एक तीर फंक्शन के "यह" को ओवरराइड नहीं कर सकते हैं।

http.request('js/app/config/config.json').subscribe(function(data) { 
    this.url = data.json().url; 
}); 

इस दस्तावेज़ के संदर्भ लें: http://derickbailey.com/2015/09/28/do-es6-arrow-functions-really-solve-this-in-javascript/

Answer 2

तीर कार्यों के लिए अपने स्वयं this मूल्य नहीं है।this का मूल्य एक तीर फ़ंक्शन के अंदर हमेशा आपके क्षेत्र Subscriber में संलग्न क्षेत्र से विरासत में मिला है।

ईएस 6 संस्करण में, ध्यान दें कि subscribe विधि अपने कॉलर से this प्राप्त करती है। आंतरिक कार्य एक तीर कार्य है, इसलिए इसे this संलग्नक क्षेत्र से प्राप्त होता है।

Answer 3

स्क्रीनशॉट के आधार पर: http://d.pr/i/iBa

आप कंसोल में this डीबग कर रहे हैं। कृपया ध्यान दें कि कंसोल पर thisवास्तविक यह होगा। जब टाइपस्क्रिप्ट गैर ES6 जावास्क्रिप्ट के लिए एक तीर फ़ंक्शन उत्पन्न करता है (जिसमें तीर फ़ंक्शंस के लिए मूल समर्थन नहीं है) this_this (और अन्य चीजों) पर मैप किया गया है जिसका अर्थ है कि आपको _this देखने की आवश्यकता है।

टीआईपी

टाइपस्क्रिप्ट सीखते समय जेनरेट की गई जावास्क्रिप्ट को डीबग करें। यदि आप रुचि रखते हैं तो यह टाइपस्क्रिप्ट बग है: https://github.com/Microsoft/TypeScript/issues/2859।

Answer 4

मैं एक वैकल्पिक हल मिल गया है, तुम कोशिश कर सकते इस

http.request('js/app/config/config.json').subscribe((function (data) { 
    this.url = data.json().url; 
}).bind(this));