javascript programs questions




वैश्विक नामस्थान प्रदूषित होने का क्या अर्थ है? (3)

वैश्विक नामस्थान प्रदूषित होने का क्या अर्थ है?

मैं वास्तव में समझ नहीं पा रहा हूं कि वैश्विक नामस्थान प्रदूषित साधनों का क्या अर्थ है।

https://code.i-harness.com


जब आप वैश्विक चर, फ़ंक्शन इत्यादि घोषित करते हैं, तो वे, ehm, वैश्विक नामस्थान पर जाते हैं। प्रदर्शन / स्मृति समस्याओं (जो उत्पन्न हो सकता है) के अलावा, आप दुर्भाग्यपूर्ण नाम संघर्ष में भागने की संभावना रखते हैं, जब आप किसी महत्वपूर्ण चर को फिर से परिभाषित करेंगे या आपके द्वारा उपयोग किए जाने वाले मान का उपयोग नहीं करेंगे।

वैश्विक नामस्थान में चीजों को परिभाषित करना टालना है।


जावास्क्रिप्ट में, फ़ंक्शन के बाहर की घोषणाएं वैश्विक दायरे में हैं। इस छोटे से उदाहरण पर विचार करें:

var x = 10;
function example() {
    console.log(x);
}
example(); //Will print 10

उपरोक्त उदाहरण में, वैश्विक दायरे में x घोषित किया गया है। किसी भी बच्चे के दायरे, जैसे कि example फ़ंक्शन द्वारा बनाए गए, प्रभावी रूप से किसी भी मूल स्कॉप्स में घोषित चीजों का वारिस करते हैं (इस मामले में, यह केवल वैश्विक दायरा है)।

वैश्विक दायरे में घोषित एक चर का पुनर्विक्रय करने वाला कोई भी बाल क्षेत्र वैश्विक चर को छाया देगा, संभावित रूप से अवांछित, बग को ट्रैक करने में कठोर कारण:

var x = 10;
function example() {
    var x = 20;
    console.log(x); //Prints 20
}
example();
console.log(x); //Prints 10

इस तरह की समस्याओं का कारण बनने की संभावना के कारण वैश्विक चर आमतौर पर अनुशंसित नहीं होते हैं। यदि हमने example फ़ंक्शन के अंदर var स्टेटमेंट का उपयोग नहीं किया है, तो हमने वैश्विक दायरे में x के मान को गलती से ओवरराइट कर दिया होगा:

var x = 10;
function example() {
    x = 20; //Oops, no var statement
    console.log(x); //Prints 20
}
example();
console.log(x); //Prints 20... oh dear

यदि आप और अधिक पढ़ना चाहते हैं और इसे ठीक से समझना चाहते हैं, तो मैं सुझाव देता हूं कि ईसीएमएस्क्रिप्ट विनिर्देश के माध्यम से जाएं। यह पढ़ने का सबसे रोमांचक नहीं हो सकता है लेकिन इससे कोई अंत नहीं होगा।


कचरा संग्रह पर त्वरित नोट

चूंकि चर गुंजाइश खो देते हैं, वे कचरा संग्रह के लिए पात्र होंगे। यदि वे वैश्विक रूप से स्कॉप्ड हैं, तो वे तब तक संग्रह के लिए योग्य नहीं होंगे जब तक कि वैश्विक नामस्थान गुंजाइश न हो जाए।

यहाँ एक उदाहरण है:

var arra = [];
for (var i = 0; i < 2003000; i++) {
 arra.push(i * i + i);
}

इसे अपने वैश्विक नेमस्पेस में जोड़ना (कम से कम मेरे लिए) 10,000 मेगावाट मेमोरी उपयोग (win7 फ़ायरफ़ॉक्स) का विज्ञापन करना चाहिए जो एकत्र नहीं किया जाएगा। अन्य ब्राउज़र इसे अलग-अलग संभाल सकते हैं।

जबकि वही कोड एक दायरे में है जो इस तरह के दायरे से बाहर चला जाता है:

(function(){
 var arra = [];
 for (var i = 0; i < 2003000; i++) {
  arra.push(i * i + i);
 }
})();

समापन निष्पादन के बाद arra खोने की अनुमति देगा और कचरा संग्रह के लिए योग्य होगा।

वैश्विक नामस्थान आपका मित्र है

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

नेक बनो

ग्लोबल नेमस्पेस का दुरुपयोग न करें (आमतौर पर "प्रदूषण" के रूप में जाना जाता है)। और मेरा मतलब है कि वैश्विक नामस्थान का दुरुपयोग न करें - कई वैश्विक चर न बनाएं। वैश्विक नामस्थान का उपयोग करने का एक बुरा उदाहरण यहां दिया गया है।

var x1 = 5;
var x2 = 20;
var y1 = 3
var y2 = 16;

var rise = y2 - y1;
var run = x2 - x1;

var slope = rise / run;

var risesquared = rise * rise;
var runsquared = run * run;

var distancesquared = risesquared + runsquared;

var distance = Math.sqrt(dinstancesquared);

यह 11 वैश्विक चर बनाने जा रहा है जो शायद कहीं ओवरराइट या गलत तरीके से गलत हो सकता है।

संसाधन बनें

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

यहां एक उदाहरण दिया गया है: (कृपया ध्यान दें कि यह आसान है और कोई त्रुटि प्रबंधन नहीं है)

//Calculate is the only exposed global variable
var Calculate = function () {
 //all defintions in this closure are local, and will not be exposed to the global namespace
 var Coordinates = [];//array for coordinates
 var Coordinate = function (xcoord, ycoord) {//definition for type Coordinate
   this.x = xcoord;//assign values similar to a constructor
   this.y = ycoord;
  };

  return {//these methods will be exposed through the Calculate object
   AddCoordinate: function (x, y) {
   Coordinates.push(new Coordinate(x, y));//Add a new coordinate
  },

  Slope: function () {//Calculates slope and returns the value
   var c1 = Coordinates[0];
   var c2 = Coordinates[1];
   return c2.y - c1.y / c2.x - c1.x;//calculates rise over run and returns result
  },

  Distance: function () {
   //even with an excessive amount of variables declared, these are all still local
   var c1 = Coordinates[0];
   var c2 = Coordinates[1];

   var rise = c2.y - c1.y;
   var run = c2.x - c1.x;

   var risesquared = rise * rise;
   var runsquared = run * run;

   var distancesquared = risesquared + runsquared;

   var distance = Math.sqrt(distancesquared);

   return distance;
  }
 };
};

//this is a "self executing closure" and is used because these variables will be
//scoped to the function, and will not be available globally nor will they collide
//with any variable names in the global namespace
(function () {
 var calc = Calculate();
 calc.AddCoordinate(5, 20);
 calc.AddCoordinate(3, 16);
 console.log(calc.Slope());
 console.log(calc.Distance());
})();






javascript