कक्षा विधियों के लिए वसा तीर वाक्यविन्यास का उपयोग करते समय मैं टाइपस्क्रिप्ट ओवरलोड का उपयोग कर सकता हूं?

Question

मैं पारंपरिक रूप से कुछ वर्गों परिवर्तित कर दिया है:

class TestOverloads { 
    private status = "blah"; 
    public doStuff(selector: JQuery); 
    public doStuff(selector: string); 
    public doStuff(selector: any) { 
     alert(this.status); 
    } 
} 

बजाय तीर समारोह एक्सप्रेशन का उपयोग करना:

class TestOverloads2 { 
    private status = "blah"; 
    public doStuff = (selector: any) => { 
     alert(this.status); 
    } 
} 

तो

जब वर्ग तरीकों एक कॉलबैक में उपयोग किया जाता समस्याओं देखते हुए से बचने के लिए के रूप में (पृष्ठभूमि के लिए here देखें)।

मैं अपने अधिभारित फ़ंक्शन हस्ताक्षर को फिर से बनाने के तरीके के बारे में काम नहीं कर सकता हूं। वसा तीर का उपयोग करते समय मैं अपने अधिभार कैसे लिखूं?

Answer 1

आप एक इनलाइन प्रकार कॉल के लिए शाब्दिक लिख सकते हैं समारोह हस्ताक्षर का समर्थन करता है:

class TestOverloads2 { 
    private status = "blah"; 
    public doStuff: { 
     (selector: JQuery): void; 
     (selector: string): void; 
    } = (selector: any) => { 
     alert(this.status); 
    } 
} 

यही कारण है, एक तरह से घृणित है, तो आप के बजाय एक इंटरफ़ेस में निकालने के लिए चाहते हो सकता है:

interface SelectByJQueryOrString { 
    (selector: JQuery): void; 
    (selector: string): void; 
} 

class TestOverloads3 { 
    private status = "blah"; 
    public doStuff: SelectByJQueryOrString = (selector: any) => { 
     alert(this.status); 
    } 
} 

Answer 2

यह एक तकनीकीता है, लेकिन अब आप कोई फ़ंक्शन नहीं बना रहे हैं, आप एक संपत्ति बना रहे हैं (जो एक फ़ंक्शन होता है)।

हालांकि आप अधिभार के बजाय नामकरण का उपयोग करके अपनी समस्या का समाधान कर सकते हैं। this.sharedStuff():

class TestOverloads2 { 
    private status = "blah"; 
    public doStuffWithSelector = (selector: string) => { 
     alert(this.status); 
    } 
    public doStuffWithJqueryObject = (jqo: JQuery) => { 
     alert(this.status); 
    } 
} 

यदि वहाँ महत्वपूर्ण दोहराव, आप एक आम समारोह है कि दोनों का नाम कार्यों उदाहरण के लिए, फोन में डाल सकते हैं।