extendClass 함수 구현시 IIFE를 사용하는 것과 그냥 일반 함수를 사용하는 것의 차이가 무엇인지 궁금합니다.

해결됨
mhr 프로필

var extendClass1 = (function() {
  function Bridge() {}
  return function(Parent, Child) {
    Bridge.prototype = Parent.prototype;
    Child.prototype = new Bridge();
    Child.prototyep.constructor = Child;
  }
})();

var extendClass2 = function() {
  function Bridge() {}
  return function (Parent, Child) {
    Bridge.prototype = Parent.prototype;
    Child.prototype = new Bridge();
    Child.prototype.constructor = Child;
  }
}

var extendClass3 =function (Parent, Child) {
  function Bridge(){};
  Bridge.prototype = Parent.prototype;
  Child.prototype = new Bridge();
  Child.prototype.constructor = Child;
}

위의 extendClass1, 2, 3의 차이가 무엇인지 궁금합니다. 

정재남 프로필
정재남 8달 전

extendClass1는 최초 변수를 선언하고 값을 할당하는 시점에 이미 Bridge 함수가 생성되어 클로저로 기억됨에 따라, 이후에 클래스 상속이라는 동작을 수행하고자 할 때마다 '이미 생성된' Bridge 함수를 재활용함으로써 메모리 관리에 이점이 있습니다.

extendClass2는 엄밀히는 아직 클래스 상속 동작을 수행할 수 있는 단계는 아닙니다. 이를 한 번 실행한 결과를 다른 변수에 담았을 때 비로소 클래스 상속이 가능하겠네요.

예를 들어 var extendClass22 = extendClass2(); 라고 하면, 이제 extendClass22는 extendClass1과 동일한 방식으로 동작하게 될 것입니다.

extendClass3은 extendClass1에 대해 설명드린 걸과 정확히 반대의 방식으로 동작하게 됩니다.

즉 클래스상속을 하고자 할 때마다 매번 새로운 Bridge함수를 만들게 되므로 불필요한 메모리를 차지하게 될 것입니다.

mhr 프로필
mhr 8달 전

감사합니다!

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스