👩🏽‍🤝‍👩🏻 👉🏾 🦖 जावास्क्रिप्ट: डिलीट ऑपरेटर एक लीक बनाता है !? 🐡 🏉 🍷

हेलो हब्रानॉड, मैं आपको कपटी लीक के इतिहास के बारे में बताना चाहता हूं, और बड़ी गलतफहमी के बारे में।
वास्तव में, सब कुछ बहुत सरल है, कुछ विशेष परिस्थितियों में ऐसा प्रतीत होता है कि कोड की सामान्य रेखा , रिसाव का कारण बन सकती है:

delete testedObject[ i ].obj;

लेकिन, मैं केवल कुछ शर्तों में दोहराता हूं। एक और बात, लेकिन यह अभी भी निश्चित रूप से ज्ञात नहीं है कि यह ब्राउज़र बग है या जेएस की विशेषता है।
Google ने, मुझे इस बारे में कुछ भी नहीं बताया, ECMAScript विनिर्देश में खुदाई ने भी कुछ नहीं दिया, क्योंकि एक शांत अवस्था में समझना मुश्किल है। दरअसल, इस लेख को लिखने का यही कारण था।

प्रागितिहास

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

दिल

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

सबसे पहले, मैं "खुश" था कि मुझे एक और ब्राउज़र बग मिला। लेकिन फिर मुझे संदेह से सताया गया, आखिरकार, यह ऐसा नहीं हो सकता है कि सभी ब्राउज़रों का प्रवाह होता है। हां, और बड़े फ्रेमवर्क में, डिलीट ऑपरेटर को बहुत सक्रिय रूप से उपयोग किया जाता है।

इसलिए, मैंने JQuery में रिसाव से समझौता करना शुरू कर दिया, कुछ घंटों का सामना करना पड़ा, लेकिन कोई रिसाव नहीं था। क्या बात है, मैंने JQuery कोड में देखा और वहां कोई जादू नहीं पाया। खैर, मैंने सोचा, मैंने एक नई फ़ाइल बनाई, उस फ़ंक्शन का एक प्रोटोटाइप बनाया जहां एक रिसाव है, और इसके साथ अश्लीलता से निपटना शुरू कर दिया।

वास्तव में प्रोटोटाइप कोड, एक रिसाव के साथ

 <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript"> var count = 100000; var testedObject; function getObject() { //    return { first: { val : 'tratata', item : { val : 'tratata' } }, second: { val : 'tratata', item : { val : 'tratata' } }, third: { val : 'tratata', item : { val : 'tratata' } }, fourth: { val : 'tratata', item : { val : 'tratata' } }, fifth: { val : 'tratata', item : { val : 'tratata' } }, sixth: { val : 'tratata', item : { val : 'tratata' } }, seventh: { val : 'tratata', item : { val : 'tratata' } }, eighth: { val : 'tratata', item : { val : 'tratata' } }, ninth: { val : 'tratata', item : { val : 'tratata' } } }; } //   function fillArray() { testedObject = {}; for( var i = 0; i < count; i++ ) { testedObject[ i ] = { obj : getObject() }; } } //   function deleteObjects() { for( var i = 0; i < count; i++ ) { delete testedObject[ i ].obj; } } </script> </head> <body> <div> <button onclick="fillArray()" > </button> <button onclick="deleteObjects()" > </button> </div> </body> </html>

लीक स्क्रीन:

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

उसी समय, डिलीट ऑपरेटर सामान्य रूप से व्यवहार करता है, कसम खाता नहीं है और चिल्लाता नहीं है, ऑब्जेक्ट हटा दिए जाते हैं, जैसा कि यह था, और सब कुछ सामान्य है, लेकिन उनके द्वारा कब्जा की गई मेमोरी को मुक्त नहीं किया गया है।

रिसाव के साथ नीचे

कुछ समय बाद, मुझे एहसास हुआ कि सब कुछ काफी सरल है, और लीक से बचा जा सकता है, लेकिन आपको कोड को थोड़ा पुनर्निर्माण करना होगा।
यदि इस तरह किया गया था तो मेमोरी साफ़ हो गई थी:

 delete testedObject[ i ];

कोई लीक विकल्प नहीं

 <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript"> var count = 100000; var testedObject; function getObject() { //    return { first: { val : 'tratata', item : { val : 'tratata' } }, second: { val : 'tratata', item : { val : 'tratata' } }, third: { val : 'tratata', item : { val : 'tratata' } }, fourth: { val : 'tratata', item : { val : 'tratata' } }, fifth: { val : 'tratata', item : { val : 'tratata' } }, sixth: { val : 'tratata', item : { val : 'tratata' } }, seventh: { val : 'tratata', item : { val : 'tratata' } }, eighth: { val : 'tratata', item : { val : 'tratata' } }, ninth: { val : 'tratata', item : { val : 'tratata' } } }; } function fillArray() { testedObject = { obj : {} }; for( var i = 0; i < count; i++ ) { testedObject.obj[ i ] = getObject(); } } function deleteObjects() { for( var i = 0; i < count; i++ ) { delete testedObject.obj[ i ]; } } </script> </head> <body> <div> <button onclick="fillArray()" > </button> <button onclick="deleteObjects()" > </button> </div> </body> </html>

बेशक, परिवर्तन इतने जटिल नहीं हैं, और मेरी साइकिल की वास्तुकला को बहुत प्रभावित नहीं किया है, लेकिन यह बहुत अप्रत्याशित और कष्टप्रद था कि पहला विकल्प लीक बना।

तुरंत एक आरक्षण करें कि रिसाव का कारण स्कोप नहीं है, संदर्भ नहीं, सूचकांक नहीं, पैरामीटर नाम नहीं - मैंने यह सब चेक किया।

निष्कर्ष

इसलिए, मैं एक प्रकार का निश्चित रिसाव है, और सब कुछ ठीक है, जीवन अच्छा है। लेकिन मैं अभी भी कई सवालों से परेशान हूँ:
फ़ंक्शन के पहले संस्करण को मूल रूप से दूसरे से क्या अलग है?
और क्या यह एक फीचर या ब्राउज़र बग है?
यदि एक सुविधा है, तो यह सुविधा किसी भी जेएस मान में वर्णित क्यों नहीं है?
अगर एक ब्राउज़र बग, तो इतने सालों बाद भी क्यों मौजूद है?
शायद किसी को पहले से ही इस बारे में पता है, लेकिन चुप है?

मुझे आशा है कि मेरा लेख किसी की मदद करता है! और मुझे लगता है कि इस तरह की लीक के लिए अपनी बाइक की जाँच करना उचित है!

पुनश्च: आप सभी का ध्यान के लिए धन्यवाद !!!

अद्यतन 1:

मैंने इस बारे में मोज़िला के बग ट्रैकर में लिखा है , आइए देखें कि वे क्या कहते हैं।

अद्यतन 2:

सुरंग के अंत में बीम

तो, स्थिति साफ हो गई है, इस विशाल मृलफ और सीरियपीएस के लिए धन्यवाद, उनकी टिप्पणियों में, सब कुछ विस्तार से वर्णित है। # टिप्पणी_5107501 , # टिप्पणी_5107585 , # टिप्पणी_5107692 , मविम भी मेरे विशिष्ट मामले का विस्तार से वर्णन करता है ।

सभी प्रश्नों के लिए स्पष्ट उत्तर प्राप्त हुए, यह जावास्क्रिप्ट जादू नहीं है, एक रिसाव नहीं है, और एक ब्राउज़र बग नहीं है, यह हटाए गए कार्यान्वयन कार्यान्वयन की एक विशेषता है। और बल्कि, इसे स्मृति का अत्यधिक उपयोग कहा जा सकता है, और मैंने बस ऐसी खदान पर कदम रखा। लेकिन अब हम व्यक्तिगत रूप से दुश्मन को जानते हैं और बिना किसी समस्या के उससे छुटकारा पा लेते हैं।

आप सभी को धन्यवाद !!!

जावास्क्रिप्ट: डिलीट ऑपरेटर एक लीक बनाता है !?

प्रागितिहास

दिल

रिसाव के साथ नीचे

निष्कर्ष

सुरंग के अंत में बीम

More articles: