ईएस 6 कक्षाओं

Question

में निजी गुण और विधियां हैं IIS सिर्फ ईएस 6 की कोशिश कर रहा हूं और नियमित जावास्क्रिप्ट में ईएस 6 में लिखे गए कोड के एक हिस्से को फिर से लिखना चाहता हूं। और अब, मैं ES6 कक्षाओं में निजी गुणों और विधियों को फिर से लिखने की कोशिश करते समय अटक गया हूं। ऐसा लगता है कि ईएस 6 में कक्षाएं निजी डेटा या विधियों के लिए स्पष्ट रूप से कुछ भी प्रदान नहीं करती हैं।

इसके अलावा, मैंने इस धागे की जांच की: Private properties in JavaScript ES6 classes और पता चला कि हम निजी डेटा स्टोर करने के लिए WeakMap का उपयोग कर सकते हैं। जो अजीब तरह का है लेकिन फिर भी यह एक काम हो सकता है। और मैंने इसे निजी डेटा के लिए उपयोग करने का प्रबंधन किया।

लेकिन निजी तरीकों के बारे में क्या? ES6 कक्षाओं में निजी विधियों (या यहां तक ​​कि संरक्षित विधियां) रखने का अनुशंसित तरीका क्या है?

यदि कोई मुझे निजी तरीकों के साथ ईएस 6 कक्षा का उपयोग कर कोड के इस भाग को फिर से लिखने के लिए स्वच्छ साफ़ कर सकता है तो मैं सराहना करता हूं।

धन्यवाद।

function Deferred() { 

    // Private data 
    var isPending; 
    var handlers = { 
     resolve: [], 
     reject: [], 
     notify: [] 
    }; 

    // Initialize the instance 
    init(); 

    function init() { 
     isPending = true; 
     this.promise = new Promise(this); 
    } 

    // Public methods 
    this.resolve = function(value) { 
     trigger('resolve', value); 
    }; 

    this.reject = function(reason) { 
     trigger('reject', reason); 
    }; 

    this.notify = function(value) { 
     trigger('notify', value); 
    }; 

    this.on = function(event, handler) { 
     ... 
    }; 

    // Private method 
    function trigger (event, params) { 
     ... 
    } 
} 

Answer 1

यह ES6 में कक्षाओं को स्पष्ट रूप से निजी डेटा या तरीकों के लिए कुछ भी प्रदान नहीं करता है की तरह लगता है:

यहाँ सादे पुराने जावास्क्रिप्ट कोड है।

सही। class सिंटैक्स प्रोटोटाइप विधियों के साथ सामान्य कक्षाओं के लिए है। आप निजी चर चाहते हैं, आप हमेशा की तरह निर्माता में डाल:

class Deferred { 
    constructor() { 
     // initialise private data 
     var isPending = true; 
     var handlers = { 
      resolve: [], 
      reject: [], 
      notify: [] 
     }; 

     // Private method 
     function trigger(event, params) { 
      ... 
     } 

     // initialise public properties 
     this.promise = new Promise(this); 

     // and create privileged methods 
     this.resolve = trigger.bind(null, 'resolve'); 
     this.reject = trigger.bind(null, 'reject'); 
     this.notify = trigger.bind(null, 'notify'); 

     this.on = function(event, handler) { 
      … 
     }; 
    } 
} 

Answer 2

आप प्रतीकों का उपयोग कर सकते हैं एक तरह-के निजी सदस्य देने के लिए।

const KEY = Symbol('key') 
const ANOTHER = Symbol('another') 

class Foo { 
    constructor() { 
    this[ KEY ] = 'private' 
    } 

    say() { 
    console.log(this[ KEY ]) 
    } 

    [ ANOTHER ] = 'transpilation required' 
} 

2 प्रतीक वर्ग एक class field का उपयोग कर में जोड़ा जाता है, यह केवल प्रस्ताव में है और कहीं भी काम करने के लिए transpilation की आवश्यकता होगी, लेकिन बाकी नोड और नए ब्राउज़रों में काम करता है।