[javascript] 글로벌 네임 스페이스가 오염된다는 것은 무엇을 의미합니까?

가비지 수집에 대한 빠른 참고 사항

변수가 범위를 잃으면 가비지 수집 대상이됩니다. 전역으로 범위가 지정된 경우 전역 네임 스페이스가 범위를 잃을 때까지 컬렉션에 적합하지 않습니다.

예를 들면 다음과 같습니다.

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

이것을 글로벌 네임 스페이스 (적어도 나를 위해)에 추가하면 수집되지 않는 10,000kb의 메모리 사용량 (win7 firefox)이 추가되어야합니다. 다른 브라우저에서는이를 다르게 처리 할 수 ​​있습니다.

다음과 같이 범위를 벗어나는 범위에 동일한 코드가있는 반면 :

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