Javacript - constructor

constructor

Object.prototype.constructor

constructor는 특정 객체 인스턴스를 생성한 함수 객체를 리턴한다. 나역시 prototype이니, constructor니 하는 것이 보이는 것이 그리 탐탁치는 않지만, 객체 인스턴스를 대량으로 생성해야 하는 상황이라면 이에 대한 기본 지식을 조금 알고 있는 것이 여러 모로 도움이 될 수 있다.

var o = {};
o.constructor === Object; // true
var a = [];
a.constructor === Array; // true
var n = new Number(3);
n.constructor === Number; // true

컨스트럭터와 프로토타입

다음은 매우 평이한 컨스트럭터 예제이다. 객체가 새롭게 호출되면, 객체는 name이라는 프로퍼티를 가지게 된다.


function Foo(name){ this.name = name; } var f = new Foo('zack'); f.name // => 'zack'

조금 모양을 달리해서 다음과 같이 써보자. _name이라는 프로퍼티를 가지는데, 이는 private하게 적용되며, 외부에서 참조할 수 없다. 대신에 이를 액세스하는 getName, setName 메소드를 만들어줬다.

function Foo(name){
    var _name = name;
    this.getName = function(){return _name;};
    this.setName = function(newName){ _name = newName; };
}
var f = new Foo('foo');
f._name // undefined. '_name' 접근이 불가하다.
f.getName(); // 'foo'
f.setName('zack');
f.getName(); // 'zack'

위와 같이 쓰는 경우에는 인스턴스 내부의 구조에서 값을 숨기는 것이 가능하다. (이 경우에는 비용이 많이 든다.) 완전한 캡슐화를 포기하는대신 다음과 같인 방식의 정의가 보다 가볍다고 알려져 있다.

function Foo(name){
    this._name = name;
}
Foo.prototype.getName = function(){return this._name;};
Foo.prototype.setName = function(newName){this._name = newName;};

이 방법은 어쨌든 스토리지를 프로퍼티로 설정하지 않는 이상 사용할 수 없다. 예를 들어 아래와 같은 코드는 올바르지 않다. 왜냐하면 constructor 내부에서만 해당 값을 참조할 수 있기 때문이다.

function Foo(name){
    var _name = name;
}
Foo.prototype.getName = function(){return _name;};
Foo.prototype.setName = function(newName){_name = newName;};
var f = new Foo('f')
f.getName() // ERROR!!! _name is not defined.

대신에 컨스트럭터 내부에서 적용하는 것은 가능하다.

function Foo(name){
    var _name = name;
    Foo.prototype.getName = function(){return _name;};
    Foo.prototype.setName = function(newName){_name = newName;};
}
var f = new Foo('f')
f.getName() // 'f'

컨스트럭터 내에서 프로토타입을 사용하는 경우에 모든 인스턴스의 메소드는 같은 함수 포인터를 가리킨다. 즉, 인스턴스가 수백, 수천개가 만들어진다면 프로토타입을 통해서 정의한 메소드는 단 한개의 함수 객체이며, this.을 이용해서 직접 정의한 메소드는 수백, 수천개의 다른 함수가 된다.

function A(name){
    var _name = name; // _name is private
    A.prototype.name = function(newName){
        if(newName === undefined) { return _name; }
        _name = newName;
    };
}
function C(name){
    var _name = name;
    this.name = function(newName){
        if(newName === undefined) { return _name; }
        _name = newName;
    };
}
var a1 = new A('a')
var a2 = new A('b')
a1.name === a2.name // true
var c1 = new A('c')
var c2 = new A('d')
c2.name === c2.name // false

차이점

컨스트럭터 내에서 메소드를 바로 정의하는 것과, 프로토타입을 사용하는 것의 차이는 다음과 같다.

  1. 컨스트럭터 내부의 지역변수는 컨스트럭터 내에서 정읜된 메소드에 의해서만 접근이 가능하다. 만약 컨스트럭터 외부에서 프로토타입을 이용해서 메소드를 추가하는 경우에는 이러한 정보에 접근할 수 없다.
  2. 컨스트럭터 내부에서 프로토타입을 사용하는 것은 생성자의 실행 시간을 줄여주고, 메모리를 적게 쓴다고 알려져 있다.
  3. 컨스트럭터 외부에서 프로토타입을 이용해서 메소드를 추가하면, 이는 다시 메소드를 변경할 때, 프로토타입을 공유하는 모든 인스턴스에 영향을 미칠 수 있다. 단, 인스턴스가 개별적으로 메소드를 오버라이드한 경우는 해당되지 않는다.
  4. 프로토타입을 이용해서 메소드를 정의하는 경우, 이는 해당 타입을 상속받는 경우에 그대로 사용할 수 있다.

Read more

워드프레스에서 고스트로 이전

워드프레스에서 고스트로 이전

이 글을 쓰면서도 믿기 힘든 사실인데, 블로그라는 걸 처음 시작한지가 20년이 되었습니다. 이글루스에서 처음 시작했다가, SK컴즈가 인수한다고 발표함과 동시에 워드프레스로 플랫폼을 옮겼죠. 워드프레스오 옮긴 이후에는 호스팅 환경을 이리 저리 옮기긴 했지만 거의 18년 가까이 워드프레스를 사용해온 것 같습니다. 그 동안 워드프레스는 블로깅 툴에서 명실상부한 범용CMS로 발전했습니다. 사실 웬만한 홈페이지들은 이제

By sooop
띄어쓰기에 대한 생각

띄어쓰기에 대한 생각

업무 메일을 쓸 때 가장 많이 쓰는 말 중에 하나가 메일 말미에 ‘업무에 참고 부탁 드립니다.‘인데요, 어느 날부터 아웃룩에서 이 ‘부탁 드립니다’가 틀렸다고 맞춤법 지적을 하기 시작했습니다. 맞는 말은 ‘부탁드립니다’라고 붙여 쓰는 거라고. 사실 아래아한글 시절부터 이전의 MS워드까지, 워드프로세서들의 한국어 맞춤법 검사 실력은 거의 있으나 마나 한

By sooop

구글 포토에서 아이클라우드로 탈출한 후기

한 때 구글 포토가 백업 용량을 무제한으로 제공해 주겠다고해서, 구글 포토를 사용해서 사진을 백업해왔습니다. 물론 이 이야기의 결말은 저나 이 글을 읽고 있는 여러분이나 모두 알고 있습니다. 사실 AI에게 학습 시킬 이미지 데이터를 모으기 위한 것일 뿐이라거나 하는 이야기는 그 당시에도 있었습니다만, 에이 그래도 구글인데 용량은 넉넉하게 주겠지…하는 순진한

By sooop

Julia의 함수 사용팁

연산자의 함수적 표기 Julia의 연산자는 기본적으로 함수이며, 함수 호출 표기와 같은 방식으로 호출하는 것이 가능합니다. 또한 그 자체로 함수이기 때문에 filter(), map() 과 같이 함수를 인자로 받는 함수에도 연산자를 그대로 적용하는 것이 가능합니다. 특히 + 연산자는 sum() 함수와 같이 여러 인자를 받아 인자들의 합을 구할 수 있습니다. 2 + 3 # = 5 +(2,

By sooop