메소드

MDN_Method > 

 

1. 메소드 정의

const obj = {
  foo() {
    return 'foo';
  }
  bar: function() {
    return 'bar';
  }
};

console.log(obj.foo());
// expected output: "foo"

 

2. 메소드 호출 형태

1) OOP의 일바적인 메소드 호출 형태

var data = ["book", "책", "123"]
var obj = new Array();
var result = obj.concat(data); //concat 메소드 호출

 

2) JS의 메소드 호출 형태

- 데이터로 메소드 호출

var data = ["book", "책", "123"]
var result = data.concat(); //Array의 concat 메소드 호출

data가 배열이므로 Array의 concat() 메소드를 호출하고, data를 파라미터로 넘겨준다.

 

- 오브젝트의 함수 호출

var data = ["book", "책", "123"]
var bookObj = {
    concat : function(data){
        return data.concat();
    }
};
log(bookObj.concat(data));

오브젝트를 함수를 호출하게 되면 인스턴스를 새로 생성할 필요가 없어 메모리 공간차지를 적게한다는 장점이 있다.

 

- 인스턴스의 메소드 호출 : 전형적인 형태이다.

var data = ["book", "책", "123"]
var Book = function(data){
    this.data = data;
};
Book.prototype.concat = function(){
    return this.data.concat();
};
var oneInstance = new Book(data);
log(oneInstance.concat());