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

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

· 10년 전 · 1514 · 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");

게시글 목록

번호 제목
20097
20095
20093
20092
20091
20089
20086
20085
20084
20083
20082
28358
20081
20079
20078
20077
20076
20075
20074
20073
20072
20071
20070
20069
8148
20057
8141
24669
20056
8138
28353
20055
20054
20053
20052
20051
20050
20047
20046
20045
20044
8111
20043
20042
20040
20039
20037
20036
20035
20027
8107
31022
20026
20025
20024
20023
28350
20022
20018
20017
8099
20016
20013
8090
20012
20010
20009
19998
28348
28347
19997
19996
19995
19993
8087
8065
19990
8063
8056
19989
19988
19987
19986
19985
19984
19983
19982
8054
19981
19980
19979
19978
19977
19976
19975
19974
19973
19972
19971
19970