자바스크립트의 객체, 메소드, prototype

자바스크립트의 객체, 메소드, prototype

prototype : 객체에 새로운 속성을 추가시켜주기 위한 것

1. 객체(함수)의 프로퍼티 지정

function myfnc()
{
  this.name = "폰돌";
  this.age = "28청춘";
}

var myobj = new myfnc();
console.log( myobj.name + " " + myobj.age );

See the Pen MouseEvent - onmouseleave - color change by younghyeong ryu (@wangta69) on CodePen.

1. 메소드를 추가

function myfnc()
{
  this.name = "폰돌";
  this.age = "28청춘";

  this.myinfo = function() {
    return "이름:"+this.name+", 나이:"+ this.age;
  }
}

var myobj = new myfnc();
console.log( myobj.myinfo());

3. prototype 상기의 경우 myfnc라는 객체를 생성할때마다 myinfo 라는 객체를 중복적으로 생성 이를 보완하는 것이 prototype 이다.

function myfnc()
{
this.name = "폰돌";
this.age = "28청춘";
}


myfnc.prototype.myinfo = function()
{
  return "이름:"+this.name+", 나이:"+ this.age;
}


var myobj = new myfnc();
console.log( myobj.myinfo());