바보천사

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

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

 

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");
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
10년 전 조회 1,248
10년 전 조회 965
10년 전 조회 845
10년 전 조회 958
10년 전 조회 1,463
10년 전 조회 2,308
10년 전 조회 1,381
10년 전 조회 1,630
10년 전 조회 2,136
10년 전 조회 1,559
10년 전 조회 1,373
10년 전 조회 1,268
10년 전 조회 4,163
10년 전 조회 930
10년 전 조회 1,248
10년 전 조회 1,828
10년 전 조회 1,281
10년 전 조회 3,008
10년 전 조회 1,237
10년 전 조회 1,151
10년 전 조회 1,254
10년 전 조회 4,808
10년 전 조회 1,107
10년 전 조회 2,648
10년 전 조회 1,960
10년 전 조회 2,582
10년 전 조회 2,164
10년 전 조회 2,896
10년 전 조회 1,070
10년 전 조회 1,338
10년 전 조회 3,142
10년 전 조회 1,503
10년 전 조회 880
10년 전 조회 1,912
10년 전 조회 1,620
10년 전 조회 1,374
10년 전 조회 1,313
10년 전 조회 1,557
10년 전 조회 1,196
10년 전 조회 838
10년 전 조회 1,629
10년 전 조회 2,089
10년 전 조회 1,624
10년 전 조회 1,649
10년 전 조회 2,335
10년 전 조회 3,397
10년 전 조회 998
10년 전 조회 1,031
10년 전 조회 1,536
10년 전 조회 1,736
10년 전 조회 1,281
10년 전 조회 963
10년 전 조회 1,142
10년 전 조회 1,215
10년 전 조회 1,445
10년 전 조회 1,597
10년 전 조회 2,285
10년 전 조회 929
10년 전 조회 1,119
10년 전 조회 5,237
10년 전 조회 1,017
10년 전 조회 1,475
10년 전 조회 1,418
10년 전 조회 1,886
10년 전 조회 1,329
10년 전 조회 1,576
10년 전 조회 1,649
10년 전 조회 2,035
10년 전 조회 1,809
10년 전 조회 2,637
10년 전 조회 2,040
10년 전 조회 2,133
11년 전 조회 1,222
11년 전 조회 1,472
11년 전 조회 1,462
11년 전 조회 1,099
11년 전 조회 910
11년 전 조회 1,106
11년 전 조회 1,788
11년 전 조회 1,131
11년 전 조회 2,042
11년 전 조회 3,783
11년 전 조회 1,619
11년 전 조회 1,476
11년 전 조회 1,440
11년 전 조회 1,417
11년 전 조회 1,086
11년 전 조회 2,278
11년 전 조회 986
11년 전 조회 1,442
11년 전 조회 1,537
11년 전 조회 1,611
11년 전 조회 2,613
11년 전 조회 1,339
11년 전 조회 1,797
11년 전 조회 1,222
11년 전 조회 1,230
11년 전 조회 2,091
11년 전 조회 1,515
11년 전 조회 1,315