.bind 를 이용한 템플릿 만들기

 

function template(name, money){
    return '<h1>' + name + '</h1><span>' + money + '</span>';
}

template('ohyeon', 100); //<h1>ohyeon</h1><span>100</span>

여기서 .bind를 활용해서 name을 템플릿으로 고정시켜보자.

let tmplOhyeon = template.bind(null, 'ohyeon');

tmplOhyeon(100) //--> <h1>ohyeon</h1><span>100</span>
tmplOhyeon(200) //--> <h1>ohyeon</h1><span>200</span>

 이렇게 money의 값만 변수로 지정하는 함수를 새로 만들 수 있다.

 

그렇다면? money를 고정시키고 name만 변하게 만들 수는 없을까?