जावास्क्रिप्ट प्रॉक्सी पैटर्न: उन्नत ऑब्जेक्ट इंटरसेप्शन और वैलिडेशन

जावास्क्रिप्ट प्रॉक्सी ऑब्जेक्ट एक शक्तिशाली विशेषता है जो आपको मौलिक ऑब्जेक्ट ऑपरेशनों को इंटरसेप्ट और कस्टमाइज़ करने की अनुमति देती है। यह उन्नत मेटाप्रोग्रामिंग तकनीक को सक्षम बनाता है, ऑब्जेक्ट व्यवहार पर अधिक नियंत्रण प्रदान करता है और परिष्कृत डिज़ाइन पैटर्न के लिए संभावनाओं को खोलता है। यह लेख विभिन्न प्रॉक्सी पैटर्न का पता लगाता है, जो वैलिडेशन, इंटरसेप्शन और डायनामिक व्यवहार संशोधन में उनके उपयोग के मामलों को प्रदर्शित करता है। हम व्यावहारिक उदाहरणों में गोता लगाएंगे ताकि यह प्रदर्शित किया जा सके कि प्रॉक्सी आपके जावास्क्रिप्ट प्रोजेक्ट में कोड गुणवत्ता, सुरक्षा और रखरखाव क्षमता को कैसे बढ़ा सकते हैं।

जावास्क्रिप्ट प्रॉक्सी को समझना

इसके मूल में, एक प्रॉक्सी ऑब्जेक्ट दूसरे ऑब्जेक्ट (लक्ष्य) को रैप करता है और उस लक्ष्य पर किए गए ऑपरेशनों को इंटरसेप्ट करता है। इन इंटरसेप्शन को ट्रैप द्वारा संभाला जाता है, जो ऐसे तरीके हैं जो किसी प्रॉपर्टी को प्राप्त करने, किसी प्रॉपर्टी को सेट करने या किसी फ़ंक्शन को कॉल करने जैसे विशिष्ट ऑपरेशनों के लिए कस्टम व्यवहार को परिभाषित करते हैं। प्रॉक्सी एपीआई ऑब्जेक्ट के डिफ़ॉल्ट व्यवहार को संशोधित करने के लिए एक लचीला और एक्स्टेंसिबल तंत्र प्रदान करता है।

मुख्य अवधारणाएँ

• लक्ष्य: मूल ऑब्जेक्ट जिसे प्रॉक्सी रैप करता है।
• हैंडलर: एक ऑब्जेक्ट जिसमें ट्रैप विधियां होती हैं। प्रत्येक ट्रैप एक विशिष्ट ऑपरेशन से मेल खाता है।
• ट्रैप: हैंडलर के भीतर के तरीके जो ऑब्जेक्ट ऑपरेशनों को इंटरसेप्ट और कस्टमाइज़ करते हैं। सामान्य ट्रैप में get, set, apply और construct शामिल हैं।

एक प्रॉक्सी बनाना

एक प्रॉक्सी बनाने के लिए, आप Proxy कंस्ट्रक्टर का उपयोग करते हैं, लक्ष्य ऑब्जेक्ट और हैंडलर ऑब्जेक्ट को तर्क के रूप में पास करते हैं:

            const target = {};
const handler = {
 get: function(target, property, receiver) {
 console.log(`Getting property: ${property}`);
 return Reflect.get(target, property, receiver);
 }
};

const proxy = new Proxy(target, handler);

proxy.name = "John"; // Logs: Getting property: name
console.log(proxy.name); // Logs: Getting property: name, then John

            

              
                Copy
              
            
          

सामान्य प्रॉक्सी ट्रैप

प्रॉक्सी विभिन्न ऑपरेशनों को इंटरसेप्ट करने के लिए ट्रैप की एक श्रृंखला प्रदान करते हैं। यहां कुछ सबसे अधिक इस्तेमाल किए जाने वाले ट्रैप दिए गए हैं:

• get(target, property, receiver): प्रॉपर्टी एक्सेस को इंटरसेप्ट करता है।
• set(target, property, value, receiver): प्रॉपर्टी असाइनमेंट को इंटरसेप्ट करता है।
• has(target, property): in ऑपरेटर को इंटरसेप्ट करता है।
• deleteProperty(target, property): delete ऑपरेटर को इंटरसेप्ट करता है।
• apply(target, thisArg, argumentsList): फ़ंक्शन कॉल को इंटरसेप्ट करता है।
• construct(target, argumentsList, newTarget): new ऑपरेटर को इंटरसेप्ट करता है।
• getPrototypeOf(target): Object.getPrototypeOf() मेथड को इंटरसेप्ट करता है।
• setPrototypeOf(target, prototype): Object.setPrototypeOf() मेथड को इंटरसेप्ट करता है।
• isExtensible(target): Object.isExtensible() मेथड को इंटरसेप्ट करता है।
• preventExtensions(target): Object.preventExtensions() मेथड को इंटरसेप्ट करता है।
• getOwnPropertyDescriptor(target, property): Object.getOwnPropertyDescriptor() मेथड को इंटरसेप्ट करता है।
• defineProperty(target, property, descriptor): Object.defineProperty() मेथड को इंटरसेप्ट करता है।
• ownKeys(target): Object.getOwnPropertyNames() और Object.getOwnPropertySymbols() मेथड को इंटरसेप्ट करता है।

प्रॉक्सी पैटर्न

अब, कुछ व्यावहारिक प्रॉक्सी पैटर्न और उनके अनुप्रयोगों का पता लगाएं:

1. वैलिडेशन प्रॉक्सी

एक वैलिडेशन प्रॉक्सी प्रॉपर्टी असाइनमेंट पर बाधाओं को लागू करता है। असाइनमेंट को आगे बढ़ने की अनुमति देने से पहले यह नए मान को वैलिडेट करने के लिए set ट्रैप को इंटरसेप्ट करता है।

उदाहरण: एक फॉर्म में उपयोगकर्ता इनपुट को वैलिडेट करना।

            const user = {};

const validator = {
 set: function(target, property, value) {
 if (property === 'age') {
 if (!Number.isInteger(value) || value < 0 || value > 120) {
 throw new Error('Invalid age. Age must be an integer between 0 and 120.');
 }
 }
 target[property] = value;
 return true; // Indicate success
 }
};

const proxy = new Proxy(user, validator);

proxy.name = 'Alice';
proxy.age = 30;

console.log(user);

try {
 proxy.age = 'invalid'; // Throws an error
} catch (error) {
 console.error(error.message);
}

            

              
                Copy
              
            
          

इस उदाहरण में, set ट्रैप जाँचता है कि age प्रॉपर्टी 0 और 120 के बीच एक पूर्णांक है या नहीं। यदि वैलिडेशन विफल हो जाता है, तो एक त्रुटि फेंकी जाती है, जिससे अमान्य मान को असाइन होने से रोका जा सकता है।

वैश्विक उदाहरण: यह वैलिडेशन पैटर्न वैश्विक अनुप्रयोगों में डेटा इंटीग्रिटी सुनिश्चित करने के लिए आवश्यक है जहां उपयोगकर्ता इनपुट विभिन्न स्रोतों और संस्कृतियों से आ सकता है। उदाहरण के लिए, डाक कोड को वैलिडेट करना देशों के बीच काफी भिन्न हो सकता है। उपयोगकर्ता के स्थान के आधार पर वैलिडेशन नियमों का समर्थन करने के लिए एक वैलिडेशन प्रॉक्सी को अनुकूलित किया जा सकता है।

            const address = {};

const addressValidator = {
 set: function(target, property, value) {
 if (property === 'postalCode') {
 // Example: Assuming a simple US postal code validation
 if (!/^[0-9]{5}(?:-[0-9]{4})?$/.test(value)) {
 throw new Error('Invalid US postal code.');
 }
 }
 target[property] = value;
 return true;
 }
};

const addressProxy = new Proxy(address, addressValidator);

addressProxy.postalCode = "12345-6789"; // Valid

try {
 addressProxy.postalCode = "abcde"; // Invalid
} catch(e) {
 console.log(e);
}

// For a more international application, you'd use a more sophisticated validation library
// that could validate postal codes based on the user's country.

            

              
                Copy
              
            
          

2. लॉगिंग प्रॉक्सी

एक लॉगिंग प्रॉक्सी इन ऑपरेशनों को लॉग करने के लिए प्रॉपर्टी एक्सेस और असाइनमेंट को इंटरसेप्ट करता है। यह डिबगिंग और ऑडिटिंग के लिए उपयोगी है।

उदाहरण: लॉगिंग प्रॉपर्टी एक्सेस और संशोधन।

            const data = {
 value: 10
};

const logger = {
 get: function(target, property) {
 console.log(`Getting property: ${property}`);
 return target[property];
 },
 set: function(target, property, value) {
 console.log(`Setting property: ${property} to ${value}`);
 target[property] = value;
 return true;
 }
};

const proxy = new Proxy(data, logger);

console.log(proxy.value); // Logs: Getting property: value, then 10
proxy.value = 20; // Logs: Setting property: value to 20

            

              
                Copy
              
            
          

get और set ट्रैप एक्सेस या संशोधित की जा रही प्रॉपर्टी को लॉग करते हैं, जो ऑब्जेक्ट इंटरैक्शन का ट्रेस प्रदान करता है।

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

            const employeeData = {
 name: "John Doe",
 salary: 50000
};

const auditLogger = {
 get: function(target, property) {
 const timestamp = new Date().toISOString();
 console.log(`${timestamp} - [GET] Accessing property: ${property}`);
 return target[property];
 },
 set: function(target, property, value) {
 const timestamp = new Date().toISOString();
 console.log(`${timestamp} - [SET] Setting property: ${property} to ${value}`);
 target[property] = value;
 return true;
 }
};

const proxiedEmployee = new Proxy(employeeData, auditLogger);

proxiedEmployee.name; // Logs timestamp and access to 'name'
proxiedEmployee.salary = 60000; // Logs timestamp and modification of 'salary'
            

              
                Copy
              
            
          

3. रीड-ओनली प्रॉक्सी

एक रीड-ओनली प्रॉक्सी प्रॉपर्टी असाइनमेंट को रोकता है। यह set ट्रैप को इंटरसेप्ट करता है और यदि किसी प्रॉपर्टी को संशोधित करने का प्रयास किया जाता है तो एक त्रुटि फेंकता है।

उदाहरण: एक ऑब्जेक्ट को अपरिवर्तनीय बनाना।

            const config = {
 apiUrl: 'https://api.example.com'
};

const readOnly = {
 set: function(target, property, value) {
 throw new Error(`Cannot set property: ${property}. Object is read-only.`);
 }
};

const proxy = new Proxy(config, readOnly);

console.log(proxy.apiUrl);

try {
 proxy.apiUrl = 'https://newapi.example.com'; // Throws an error
} catch (error) {
 console.error(error.message);
}

            

              
                Copy
              
            
          

प्रॉक्सी पर किसी प्रॉपर्टी को सेट करने का कोई भी प्रयास एक त्रुटि में परिणत होगा, यह सुनिश्चित करते हुए कि ऑब्जेक्ट अपरिवर्तनीय रहता है।

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

            const globalSettings = {
 defaultLanguage: "en",
 currency: "USD",
 timeZone: "UTC"
};

const immutableHandler = {
 set: function(target, property, value) {
 throw new Error(`Cannot modify read-only property: ${property}`);
 }
};

const immutableSettings = new Proxy(globalSettings, immutableHandler);

console.log(immutableSettings.defaultLanguage); // outputs 'en'

// Attempting to change a value will throw an error
// immutableSettings.defaultLanguage = "fr"; // throws Error: Cannot modify read-only property: defaultLanguage
            

              
                Copy
              
            
          

4. वर्चुअल प्रॉक्सी

एक वर्चुअल प्रॉक्सी एक संसाधन तक पहुंच को नियंत्रित करता है जिसे बनाना या पुनर्प्राप्त करना महंगा हो सकता है। यह संसाधन के निर्माण में तब तक देरी कर सकता है जब तक कि इसकी वास्तव में आवश्यकता न हो।

उदाहरण: एक छवि को आलसी लोडिंग।

            const image = {
 display: function() {
 console.log('Displaying image');
 }
};

const virtualProxy = {
 get: function(target, property) {
 if (property === 'display') {
 console.log('Creating image...');
 const realImage = {
 display: function() {
 console.log('Displaying real image');
 }
 };
 target.display = realImage.display;
 return realImage.display;
 }
 return target[property];
 }
};

const proxy = new Proxy(image, virtualProxy);

// The image is not created until display is called.
proxy.display(); // Logs: Creating image..., then Displaying real image

            

              
                Copy
              
            
          

वास्तविक छवि ऑब्जेक्ट केवल तभी बनाया जाता है जब display मेथड को कॉल किया जाता है, जिससे अनावश्यक संसाधन खपत से बचा जा सकता है।

वैश्विक उदाहरण: एक वैश्विक ई-कॉमर्स वेबसाइट पर विचार करें जो उत्पादों की छवियों को प्रदर्शित करती है। वर्चुअल प्रॉक्सी का उपयोग करके, छवियों को केवल तभी लोड किया जा सकता है जब वे उपयोगकर्ता को दिखाई दें, जिससे बैंडविड्थ उपयोग का अनुकूलन हो सके और पृष्ठ लोड समय में सुधार हो सके, खासकर विभिन्न क्षेत्रों में धीमी इंटरनेट कनेक्शन वाले उपयोगकर्ताओं के लिए।

            const product = {
 loadImage: function() {
 console.log("Loading high-resolution image...");
 // Simulate loading a large image
 setTimeout(() => {
 console.log("Image loaded");
 this.displayImage();
 }, 2000);
 },
 displayImage: function() {
 console.log("Displaying the image");
 }
};

const lazyLoadProxy = {
 get: function(target, property) {
 if (property === "displayImage") {
 // Instead of loading immediately, delay the loading
 console.log("Request to display image received. Loading...");
 target.loadImage();
 return function() { /* Intentionally Empty */ }; // Return empty function to prevent immediate execution
 }
 return target[property];
 }
};

const proxiedProduct = new Proxy(product, lazyLoadProxy);

// Call displayImage triggers the lazy loading process
proxiedProduct.displayImage();
            

              
                Copy
              
            
          

5. रद्द करने योग्य प्रॉक्सी

एक रद्द करने योग्य प्रॉक्सी आपको किसी भी समय प्रॉक्सी को रद्द करने की अनुमति देता है, जिससे यह अनुपयोगी हो जाता है। यह सुरक्षा-संवेदनशील परिदृश्यों के लिए उपयोगी है जहां आपको किसी ऑब्जेक्ट तक पहुंच को नियंत्रित करने की आवश्यकता होती है।

उदाहरण: किसी संसाधन तक अस्थायी पहुंच प्रदान करना।

            const target = {
 secret: 'This is a secret'
};

const handler = {
 get: function(target, property) {
 console.log('Accessing secret property');
 return target[property];
 }
};

const { proxy, revoke } = Proxy.revocable(target, handler);

console.log(proxy.secret); // Logs: Accessing secret property, then This is a secret

revoke();

try {
 console.log(proxy.secret); // Throws a TypeError
} catch (error) {
 console.error(error.message); // Logs: Cannot perform 'get' on a proxy that has been revoked
}

            

              
                Copy
              
            
          

Proxy.revocable() मेथड एक रद्द करने योग्य प्रॉक्सी बनाता है। revoke() फ़ंक्शन को कॉल करने से प्रॉक्सी अनुपयोगी हो जाता है, जिससे लक्ष्य ऑब्जेक्ट तक आगे पहुंच को रोका जा सकता है।

वैश्विक उदाहरण: वैश्विक स्तर पर वितरित सिस्टम में, आप एक विशिष्ट क्षेत्र में चल रही सेवा को संवेदनशील डेटा तक अस्थायी पहुंच प्रदान करने के लिए रद्द करने योग्य प्रॉक्सी का उपयोग कर सकते हैं। एक निश्चित समय के बाद, अनधिकृत पहुंच को रोकने के लिए प्रॉक्सी को रद्द किया जा सकता है।

            const sensitiveData = {
 apiKey: "SUPER_SECRET_KEY"
};

const handler = {
 get: function(target, property) {
 console.log("Accessing sensitive data");
 return target[property];
 }
};

const { proxy: dataProxy, revoke: revokeAccess } = Proxy.revocable(sensitiveData, handler);

// Allow access for 5 seconds
setTimeout(() => {
 revokeAccess();
 console.log("Access revoked");
}, 5000);

// Attempt to access data
console.log(dataProxy.apiKey); // Logs the API Key

// After 5 seconds, this will throw an error
setTimeout(() => {
 try {
 console.log(dataProxy.apiKey); // Throws: TypeError: Cannot perform 'get' on a proxy that has been revoked
 } catch (error) {
 console.error(error);
 }
}, 6000);

            

              
                Copy
              
            
          

6. टाइप रूपांतरण प्रॉक्सी

एक टाइप रूपांतरण प्रॉक्सी एक विशिष्ट प्रकार में स्वचालित रूप से वापस किए गए मान को परिवर्तित करने के लिए प्रॉपर्टी एक्सेस को इंटरसेप्ट करता है। यह विभिन्न स्रोतों से डेटा के साथ काम करने के लिए उपयोगी हो सकता है जिनमें असंगत प्रकार हो सकते हैं।

उदाहरण: स्ट्रिंग मानों को संख्याओं में परिवर्तित करना।

            const data = {
 price: '10.99',
 quantity: '5'
};

const typeConverter = {
 get: function(target, property) {
 const value = target[property];
 if (typeof value === 'string' && !isNaN(Number(value))) {
 return Number(value);
 }
 return value;
 }
};

const proxy = new Proxy(data, typeConverter);

console.log(proxy.price + 1); // Logs: 11.99 (number)
console.log(proxy.quantity * 2); // Logs: 10 (number)

            

              
                Copy
              
            
          

get ट्रैप जाँचता है कि क्या प्रॉपर्टी मान एक स्ट्रिंग है जिसे किसी संख्या में बदला जा सकता है। यदि ऐसा है, तो यह मान वापस करने से पहले उसे किसी संख्या में बदल देता है।

वैश्विक उदाहरण: विभिन्न स्वरूपण सम्मेलनों (जैसे, विभिन्न तिथि प्रारूप या मुद्रा प्रतीक) के साथ API से आने वाले डेटा से निपटने के दौरान, एक टाइप रूपांतरण प्रॉक्सी आपके एप्लिकेशन में डेटा स्थिरता सुनिश्चित कर सकता है, चाहे स्रोत कुछ भी हो। उदाहरण के लिए, विभिन्न तिथि प्रारूपों को संभालना और उन सभी को ISO 8601 प्रारूप में परिवर्तित करना।

            const apiData = {
 dateUS: "12/31/2023",
 dateEU: "31/12/2023"
};

const dateFormatConverter = {
 get: function(target, property) {
 let value = target[property];
 if (property.startsWith("date")) {
 // Attempt to convert both US and EU date formats to ISO 8601
 if (property === "dateUS") {
 const [month, day, year] = value.split("/");
 value = `${year}-${month}-${day}`;
 } else if (property === "dateEU") {
 const [day, month, year] = value.split("/");
 value = `${year}-${month}-${day}`;
 }
 return value;
 }
 return value;
 }
};

const proxiedApiData = new Proxy(apiData, dateFormatConverter);

console.log(proxiedApiData.dateUS); // Outputs: 2023-12-31
console.log(proxiedApiData.dateEU); // Outputs: 2023-12-31
            

              
                Copy
              
            
          

प्रॉक्सी का उपयोग करने के लिए सर्वोत्तम अभ्यास

• प्रॉक्सी का उपयोग समझदारी से करें: प्रॉक्सी आपके कोड में जटिलता जोड़ सकते हैं। उनका उपयोग केवल तभी करें जब वे महत्वपूर्ण लाभ प्रदान करते हैं, जैसे कि बेहतर वैलिडेशन, लॉगिंग या ऑब्जेक्ट व्यवहार पर नियंत्रण।
• प्रदर्शन पर विचार करें: प्रॉक्सी ट्रैप ओवरहेड पेश कर सकते हैं। यह सुनिश्चित करने के लिए अपने कोड को प्रोफ़ाइल करें कि प्रॉक्सी प्रदर्शन को नकारात्मक रूप से प्रभावित नहीं करते हैं, खासकर प्रदर्शन-महत्वपूर्ण अनुभागों में।
• त्रुटियों को शालीनता से संभालें: सुनिश्चित करें कि आपकी ट्रैप विधियां त्रुटियों को उचित रूप से संभालती हैं, आवश्यकतानुसार जानकारीपूर्ण त्रुटि संदेश प्रदान करती हैं।
• रिफ्लेक्ट एपीआई का उपयोग करें: Reflect एपीआई ऐसी विधियां प्रदान करता है जो ऑब्जेक्ट ऑपरेशनों के डिफ़ॉल्ट व्यवहार को दर्शाती हैं। उचित होने पर मूल व्यवहार को सौंपने के लिए अपनी ट्रैप विधियों के भीतर Reflect विधियों का उपयोग करें। यह सुनिश्चित करता है कि आपके ट्रैप मौजूदा कार्यक्षमता को नहीं तोड़ते हैं।
• अपने प्रॉक्सी का दस्तावेजीकरण करें: आपके प्रॉक्सी के उद्देश्य और व्यवहार को स्पष्ट रूप से दस्तावेजीकरण करें, जिसमें उपयोग किए गए ट्रैप और लागू की गई बाधाएं शामिल हैं। इससे अन्य डेवलपर्स को आपके कोड को समझने और बनाए रखने में मदद मिलेगी।

निष्कर्ष

जावास्क्रिप्ट प्रॉक्सी उन्नत ऑब्जेक्ट हेरफेर और इंटरसेप्शन के लिए एक शक्तिशाली उपकरण है। विभिन्न प्रॉक्सी पैटर्न को समझकर और लागू करके, आप कोड गुणवत्ता, सुरक्षा और रखरखाव क्षमता को बढ़ा सकते हैं। उपयोगकर्ता इनपुट को वैलिडेट करने से लेकर संवेदनशील संसाधनों तक पहुंच को नियंत्रित करने तक, प्रॉक्सी ऑब्जेक्ट व्यवहार को कस्टमाइज़ करने के लिए एक लचीला और एक्स्टेंसिबल तंत्र प्रदान करते हैं। जैसे ही आप प्रॉक्सी की संभावनाओं का पता लगाते हैं, उन्हें समझदारी से उपयोग करना और अपने कोड को अच्छी तरह से दस्तावेज़ बनाना याद रखें।

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