테스트 사이트 - 개발 중인 베타 버전입니다

자바스크립트로 오버로딩 구현하기

· 10년 전 · 1488 · 1

자바스크립트는 일단 오버로딩 함수를 지원하지 않는다. 다만 매개 변수를 검사하는 방법으로 오버로딩이 되는 것처럼 응용할 수 있다.

 

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개

stackoverflow 에서 본건데요...
이렇게도 할수 있습니다.

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");

게시글 목록

번호 제목
12099
12097
340
12094
12093
12092
12091
12090
12089
12088
12087
12086
12085
12084
12083
12082
12081
12080
12079
12078
12077
12076
12075
12074
12073