जावास्क्रिप्ट में सापेक्ष और निरपेक्ष पथों को स्पष्ट करना

सापेक्ष और निरपेक्ष पथ वेब विकास में मूलभूत अवधारणाएं हैं और उनके अंतर को समझना महत्वपूर्ण है।

परिभाषा

एक निरपेक्ष पथ मूल निर्देशिका के संबंध में एक स्थान निर्दिष्ट करता है (उदाहरण के लिए, /images/kitten.png)। दूसरी ओर, एक सापेक्ष पथ वर्तमान कार्यशील निर्देशिका (उदाहरण के लिए, kitten.png) के सापेक्ष एक स्थान निर्दिष्ट करता है।

प्रदर्शन संबंधी विचार

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

सुरक्षा संबंधी विचार

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

निरपेक्ष पथों को सापेक्ष में परिवर्तित करना

जावास्क्रिप्ट में, इसका कोई सीधा तरीका नहीं है निरपेक्ष पथ को सापेक्ष पथ में बदलें। हालाँकि, URL को पार्स करके और निर्दिष्ट आधार पथ के सापेक्ष पथ निकालकर वर्कअराउंड का उपयोग करना संभव है।

const absoluteUrl = 'http://www.example.com/images/kitten.png';
const baseUrl = 'http://www.example.com';
const relativePath = absoluteUrl.substring(baseUrl.length);