अज्ञात फ़ंक्शन में टाइपस्क्रिप्ट रैप क्लास क्यों करता है?

Question

के उदाहरण के लिए, करते हैं, एक Dog वर्ग:

class Dog { 
    static food; 
    private static static_var = 123; 

    constructor(private name) {} 

    speak() { 
     console.log(this.name + ', I eat ' + Dog.food + ', ' + Dog.static_var); 
    } 
} 

जे एस को संकलित:

var Dog = (function() { 
    function Dog(name) { 
     this.name = name; 
    } 

    Dog.prototype.speak = function() { 
     console.log(this.name + ', I eat ' + Dog.food + ', ' + Dog.static_var); 
    }; 

    Dog.static_var = 123; 
    return Dog; 
})(); 

यह समान रूप से अच्छी तरह से काम करता है और कम जटिल है: (

function Dog(name) { 
    this.name = name; 
} 

Dog.prototype.speak = function() { 
    console.log(this.name + ', I eat ' + Dog.food + ', ' + Dog.static_var); 
}; 

Dog.static_var = 123; 

वहाँ किसी भी है अज्ञात फ़ंक्शन रैपर का उपयोग करने के कारण "सौंदर्यशास्त्र" के अलावा)?

Answer 1

दोनों के बीच मुख्य अंतर hoisting के साथ करना है।

टाइपस्क्रिप्ट क्लास को एक चर के लिए फ़ंक्शन अभिव्यक्ति के असाइनमेंट में संकलित करता है। इसका मतलब है कि परिणामी कन्स्ट्रक्टर केवल असाइनमेंट के बिंदु पर मौजूद होना शुरू कर देता है। कोड जो पहले होता है, Dogundefined से बाध्य होगा।

दूसरी तरफ, आपका कार्यान्वयन एक सादे फ़ंक्शन का उपयोग करता है जो कि होस्टिंग के अधीन है - उस दायरे में कोई भी कोड, जिसमें फ़ंक्शन से पहले होने वाले कोड शामिल हैं, Dog कन्स्ट्रक्टर का आह्वान कर सकते हैं।

मुझे लगता है कि टाइपस्क्रिप्ट यह सुनिश्चित करने के लिए पसंद करता है कि एक वर्ग वास्तव में परिभाषित होने से पहले मौजूद नहीं है, संभवत: उसी दायरे में कई बिंदुओं पर कक्षा को फिर से परिभाषित करने की अनुमति देने के लिए।