Bagaimanakah Kita Boleh Mengelakkan Pencemaran Ruang Nama Global dalam JavaScript?

Mentafsir Pencemaran Ruang Nama Global

Pencemaran ruang nama global berlaku apabila pembolehubah global yang berlebihan diisytiharkan, berpotensi membawa kepada konflik dan mengurangkan kebolehbacaan kod.

Kesan kepada Sampah Koleksi

Pembolehubah global kekal sehingga ruang nama global kehilangan skop, menjadikannya tidak layak untuk pengumpulan sampah. Ini boleh membawa kepada kebocoran memori dan isu prestasi, terutamanya dengan set data yang besar.

Menyalahgunakan Ruang Nama Global

Mencipta berbilang pembolehubah global dianggap sebagai tingkah laku kesat. Ia boleh mengakibatkan perlanggaran menamakan, menulis ganti dan kekeliruan.

Contoh: Amalan Buruk

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);

Ini mewujudkan 11 pembolehubah global yang berpotensi mengganggu pembolehubah global yang lain .

Berdaya Pendekatan

Corak modul menyediakan penyelesaian yang lebih baik dengan merangkum pembolehubah dan kaedah dalam satu objek global. Ini menghalang kod lain daripada mengakses atau mengubah suai pembolehubah terkapsul, melindungi ruang nama global.

Contoh: Pendekatan yang Diperbaiki

var Calculate = function () {
  // Local variables
  var Coordinates = [];
  var Coordinate = function (xcoord, ycoord) {
    this.x = xcoord;
    this.y = ycoord;
  };

  return {
    // Exposed methods
    AddCoordinate: function (x, y) {
      Coordinates.push(new Coordinate(x, y));
    },

    Slope: function () {
      var c1 = Coordinates[0];
      var c2 = Coordinates[1];
      return (c2.y - c1.y) / (c2.x - c1.x);
    },

    Distance: function () {
      // Local calculations
      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;
    }
  };
};

// Self-executing closure
(function () {
  var calc = Calculate();
  calc.AddCoordinate(5, 20);
  calc.AddCoordinate(3, 16);
  console.log(calc.Slope());
  console.log(calc.Distance());
})();

Pendekatan ini mengurangkan pencemaran global dengan mengehadkan akses kepada pembolehubah dan kaedah dalam objek Kira.

Atas ialah kandungan terperinci Bagaimanakah Kita Boleh Mengelakkan Pencemaran Ruang Nama Global dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!