자바스크립트로 오버로딩 구현하기
자바스크립트는 일단 오버로딩 함수를 지원하지 않는다. 다만 매개 변수를 검사하는 방법으로 오버로딩이 되는 것처럼 응용할 수 있다.
function view(){
alert(val);
}
function view(v){
alert(v);
}
함수 선언을 이런 방법으로 했다면 첫번째 view()는 무시되고 view(v)로 인식하게 된다. 브라우저 버전에 따라 동일한 함수명을 사용 할 때 오류가 발생할 수도 있다.
매개변수 개수에 따라 함수 기능을 다르게 하는 방법은 아래 예문과 같다.
function view(){
var a = arguments;
switch (a.length){
case 1: //-- 매개변수가 하나일 때
var val = a[0];
alert(val);
break;
case 2: //-- 매개변수가 두 개 일 때
var val = a[0];
var val2 = a[1];
alert(val + val2);
break;
}
}
view("변수1");
view("변수1", "변수2");
----------------------------------------------------------
switch문을 이용해 매개변수의 개수에 따라 처리 내용을 달리 할 수 있다.
내용이 경어체라 죄송합니다. 반말 했다고 *태*처럼 저한테 욕하지 말아 주세요. ㅡㅡ; 2013년에 제 블로그에 올렸던 거 퍼왔습니다. 잘난척 한다고 할까봐 웬만해서는 Tip 안 올리는데 이건 제가 정말 유용하게 사용하고 있는 거라 공유합니다. ^^
댓글 1개
이렇게도 할수 있습니다.
function view(val){
alert(val);
}
view = (function() {
var cached_function = view;
return function() {
// your code
var a = arguments;
switch (a.length){
case 1: //-- 매개변수가 하나일 때
cached_function.apply(this, a); // use .apply() to call it
break;
case 2 : //-- 매개변수가 두 개 일 때
var val = a[0];
var val2 = a[1];
alert(val + val2);
break;
}
};
}());
view("변수1");
view("변수1", "변수2");