자바스크립트로 오버로딩 구현하기
자바스크립트는 일단 오버로딩 함수를 지원하지 않는다. 다만 매개 변수를 검사하는 방법으로 오버로딩이 되는 것처럼 응용할 수 있다.
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");
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 430 | 19년 전 | 4120 | ||
| 429 | 19년 전 | 3315 | ||
| 428 | 19년 전 | 4138 | ||
| 427 | 19년 전 | 3487 | ||
| 426 | 19년 전 | 3110 | ||
| 425 | 19년 전 | 3419 | ||
| 424 | 19년 전 | 2445 | ||
| 423 | 19년 전 | 2870 | ||
| 422 | 19년 전 | 2358 | ||
| 421 | 19년 전 | 3712 | ||
| 420 | 19년 전 | 4749 | ||
| 419 | 19년 전 | 3818 | ||
| 418 |
|
19년 전 | 1757 | |
| 417 | 19년 전 | 2761 | ||
| 416 | 19년 전 | 2402 | ||
| 415 | 19년 전 | 2612 | ||
| 414 | 19년 전 | 4424 | ||
| 413 |
|
19년 전 | 2617 | |
| 412 | 19년 전 | 3061 | ||
| 411 |
|
19년 전 | 2998 | |
| 410 |
|
19년 전 | 3701 | |
| 409 |
|
19년 전 | 3650 | |
| 408 |
|
19년 전 | 1866 | |
| 407 | 19년 전 | 2239 | ||
| 406 | 19년 전 | 2799 | ||
| 405 | 19년 전 | 2472 | ||
| 404 | 19년 전 | 4319 | ||
| 403 | 19년 전 | 3308 | ||
| 402 |
NeoGenesis
|
19년 전 | 4107 | |
| 401 | 19년 전 | 2615 | ||
| 400 |
|
19년 전 | 2505 | |
| 399 | 19년 전 | 2968 | ||
| 398 | 19년 전 | 2502 | ||
| 397 | 19년 전 | 2793 | ||
| 396 | 19년 전 | 2497 | ||
| 395 | 19년 전 | 3203 | ||
| 394 | 19년 전 | 1742 | ||
| 393 | 19년 전 | 3003 | ||
| 392 | 19년 전 | 2279 | ||
| 391 | 19년 전 | 2187 | ||
| 390 | 19년 전 | 2295 | ||
| 389 | 19년 전 | 2655 | ||
| 388 | 19년 전 | 2199 | ||
| 387 | 19년 전 | 4491 | ||
| 386 |
|
19년 전 | 2697 | |
| 385 |
|
19년 전 | 2501 | |
| 384 | 19년 전 | 3034 | ||
| 383 | 19년 전 | 3067 | ||
| 382 | 19년 전 | 3122 | ||
| 381 |
|
19년 전 | 2645 | |
| 380 |
|
19년 전 | 3030 | |
| 379 | 19년 전 | 2555 | ||
| 378 | 19년 전 | 2221 | ||
| 377 | 19년 전 | 2788 | ||
| 376 | 19년 전 | 2476 | ||
| 375 |
|
19년 전 | 2571 | |
| 374 | 19년 전 | 3830 | ||
| 373 | 19년 전 | 3283 | ||
| 372 | 19년 전 | 5002 | ||
| 371 |
세은아빠2
|
19년 전 | 2423 | |
| 370 | 19년 전 | 4507 | ||
| 369 | 19년 전 | 3116 | ||
| 368 | 19년 전 | 2918 | ||
| 367 | 19년 전 | 3740 | ||
| 366 | 19년 전 | 2668 | ||
| 365 | 19년 전 | 3752 | ||
| 364 | 19년 전 | 4023 | ||
| 363 | 19년 전 | 3458 | ||
| 362 | 19년 전 | 3496 | ||
| 361 | 19년 전 | 4117 | ||
| 360 |
hwatta
|
19년 전 | 2374 | |
| 359 | 19년 전 | 5118 | ||
| 358 | 19년 전 | 3665 | ||
| 357 | 19년 전 | 2612 | ||
| 356 |
sdesign1s
|
20년 전 | 2293 | |
| 355 | 20년 전 | 2770 | ||
| 354 | 20년 전 | 3034 | ||
| 353 | 20년 전 | 2804 | ||
| 352 |
|
20년 전 | 5783 | |
| 351 |
|
20년 전 | 2717 | |
| 350 |
|
20년 전 | 4305 | |
| 349 |
hwatta
|
20년 전 | 2194 | |
| 348 | 20년 전 | 7315 | ||
| 347 | 20년 전 | 2422 | ||
| 346 | 20년 전 | 3515 | ||
| 345 | 20년 전 | 4322 | ||
| 344 | 20년 전 | 2660 | ||
| 343 | 20년 전 | 3930 | ||
| 342 | 20년 전 | 3078 | ||
| 341 | 20년 전 | 4106 | ||
| 340 |
|
20년 전 | 5159 | |
| 339 |
|
20년 전 | 4244 | |
| 338 | 20년 전 | 5890 | ||
| 337 | 20년 전 | 2053 | ||
| 336 |
|
20년 전 | 3339 | |
| 335 |
|
20년 전 | 3557 | |
| 334 |
|
20년 전 | 2952 | |
| 333 |
hwatta
|
20년 전 | 2454 | |
| 332 | 20년 전 | 4666 | ||
| 331 | 20년 전 | 2288 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기