जे एस। प्रॉक्सी। के बारे में पता करने के लिए नुकसान

यह लेख उन लोगों के लिए दिलचस्पी का होगा जो प्रतिक्रिया या प्रतिबिंब के लिए प्रॉक्सी का उपयोग करते हैं।
जेएस तरीकों का व्यवहार हमारे लिए अच्छी तरह से जाना जाता है अगर हम बस एक वस्तु के भीतर उनका उपयोग करते हैं।
यदि किसी संपत्ति को किसी वस्तु के माध्यम से किसी अन्य वस्तु तक पहुंचाया जाता है, तो वह उसी के साथ काम करती है, जिसे किसी अन्य वस्तु के ढांचे में परिभाषित किया गया है।

let obj1={prop1:'HEllo',method1(){console.log(this);}} let obj2={method2:obj1.method1}; obj2.method2(); 

प्रॉक्सी का उपयोग करते समय यह स्पष्ट रूप से समझा जाना चाहिए।

 class MyProxy{ constructor(target){ return new Proxy(target,this); } get(target,prop){ console.log(target,prop); //Label1 return target[prop]; } } class PrimitiveType { constructor(target,prop) { this.target=target; this.prop=prop; } get(){ console.log(this);// Label2 return this.target[this.prop]; } } prim=new PrimitiveType({a:''},'a'); proxy= new MyProxy(prim); proxy.get(); 

इसका परिणाम यह है कि कंसोल.लॉग (लेबल 2); हमें एक प्रॉक्सी वस्तु देगा, जिसके बाद प्रॉक्सी लक्ष्य और प्रोप दोनों पर काम करेगा (देखें लेबल 1); लेकिन कोड काम करने लगता है। क्या स्नान करना है?

विधि वस्तु (यह) प्रॉक्सी के माध्यम से संवाद करने के लिए शुरू होती है। यह तब सुविधाजनक और तार्किक होता है जब हम प्रतिबिंब (वस्तु के गुणों का प्रतिबिंब और वस्तु को बदले बिना व्यवहार में परिवर्तन) लिखते हैं। लेकिन अगर हमें इसकी आवश्यकता नहीं है और हमें लक्ष्य वस्तु के साथ विशेष रूप से काम करने की विधि की आवश्यकता है, तो हमें क्या करना चाहिए? हम कोड को धीमा क्यों करते हैं?

इसके अलावा, यदि हम अधिक तर्क पेश करते हैं, उदाहरण के लिए, संपत्ति फिल्टर आदि, तो कोड गलती से झुक सकता है। और प्रतिक्रियात्मक कोड लिखते समय, "रोल-ओवर" होता है। (उदाहरण के लिए, जब एक विधि और उसके बाद के निष्पादन का अनुरोध किया जाता है, तो विधि प्रॉक्सी के माध्यम से गुणों का अनुरोध करती है जिसके लिए घटनाओं को पहले ही पोस्ट किया जा चुका है)। यही है, घटनाओं में आग लग जाती है जहां यह आवश्यक नहीं है और उन्हें उम्मीद नहीं थी।

कैसे ठीक करें?

जैसा कि समझा गया है, यह प्रॉक्सी में हैंडलर.गेट को कॉल करने से पहले विधि के लिए पहले से ही ओवरराइड है। आपको बस इसे फिर से परिभाषित करने की आवश्यकता है:

 let answer=target[prop]; if(typeof target[prop] ==='function'){ answer=target[prop].bind(target); } 

हमें निम्नलिखित कोड मिलते हैं:

 class MyProxy{ constructor(target){ return new Proxy(target,this); } get(target,prop){ //     valueOf.       get let answer=target[prop]; if(typeof target[prop] ==='function'){ answer=target[prop].bind(target); } return answer; } } class PrimitiveType { constructor(target,prop) { this.target=target; this.prop=prop; } get(){ console.log(this); return this.target[this.prop]; } } prim=new PrimitiveType({a:''},'a'); proxy= new MyProxy(prim); proxy.get(); 

अंत में, बोनस के रूप में।

प्रतिक्रिया / प्रतिबिंब की एक श्रृंखला बनाना। प्रत्येक नेस्टेड ऑब्जेक्ट एक प्रॉक्सी होगा:

 class MyProxy{ constructor(target){ return new Proxy(target,this); } get(target,prop){ let answer; let tp=target[prop];//    target - Proxy  target[prop] -getter if(typeof tp==='object' && tp!==null){ answer =new MyProxy(tp); } else if(typeof tp ==='function'){ //   .       answer=tp.bind(target); } else { answer=tp; } return answer; } } class PrimitiveType { constructor(target,prop) { this.target=target; this.prop=prop; } valueOf(){ console.log(this); return this.target[this.prop]; } } prim=new PrimitiveType({a:''},'a'); qwer={q:prim}; proxy= new MyProxy(qwer); proxy.q 

आपका ध्यान के लिए धन्यवाद!