메소드 체이닝 예제

안녕하세요 TriplexLab 입니다. :)
오늘은 메소드 체이닝에 관한 예제를 살펴보도록 하겠습니다.

메소드 체이닝은 jQuery를 사용하시는 분이라면 다 아실거에요.
메소드를 연속적으로 이어서 사용할수 있다는 사실요

저는 javascript에서 사용자가 정의한 메소드를 체이닝 기법으로 사용하는 방법에 대해서 정리해봤습니다.

var account = {
    id : "",    //this.id은 즉 this == account 같은 말 그 밑에 id 곳에 값을 저장 4)
    password : "",    //this.password은 즉 this == account 같은 말 그 밑에 password 곳에 값을 저장 7)
    setId : function(myId){ //인자로(myId) 념겨 받은 값 2)
        this.id = myId;    //this.id은 즉 this == account 같은 말 그 밑에 id 곳에 값을 저장 3)
        return this;
    },
    setPassword : function(myPassword){  //인자로(myPassword) 념겨 받은 값 5)
        this.password = myPassword;    //this.password은 즉 this == account 같은 말 그 밑에 password 곳에 값을 저장 6)
        return this;
    },
    print : function(){
        console.log("id : " + this.id);   //위에서  4번에 저장된 값을 여기서 불러다 사용한다. 8)
        console.log("password :" + this.password);  //위에서  7번에 저장된 값을 여기서 불러다 사용한다. 9)
    }
};
account.setId('abc').setPassword('1234'); //setId 호츌 인자로 값, setPassword호출 인자로 값 을 넘긴다. 1)
account.print();

결과)