- 코드의 재사용, 유지 보수가 용이
function 함수명( [인자...[,인자]] ){
코드 내용
return 반환값
}
//함수실행
함수명();
1. 함수의 출력
- return : 함수 종료 / 옆의 값을 출력값으로 반환
function get_member(){
return 'bread';
return 'cheese';
return 'milk';
}
alert(get_member()); //bread 출력 (그 다음 단어는 출력되지 않음 - 함수 종료되었으므로)
2. 함수의 입력
- 함수의 ()안에 매개변수(parameter) 입력 ex) arg
- 매개변수로 전달된 값은 인자(argument) ex) 1, 2
function sayHello (nameOfPerson){
console.log("Hello my name is " + nameOfPerson)
}
sayHello("nico");
sayHello("jaehee");
//argument로 어떤 값이 들어오면 nameOfPerson 이라는 변수를 쓰게 됨
function get_argument(arg){
return arg*100;
}
alert(get_argument(1)); //100
alert(get_argument(2)); //200
- 매개변수 여러 개도 가능 / 단 rerutrn 값은 하나
function get_arguments(arg1, arg2){
return arg1 + arg2;
}
alert(get_arguments(10,20));
alert(get_arguments(30,40));
3. 다양한 함수 정의 방법
- 변수에 함수를 대입
numbering = function(){
alert(123);
}
numbering();
- 익명함수 : 정의와 호출을 한번에 / 일회성으로 호출하는 경우
(function(){
alert(123);
})(); //바로 호출
'Front-end > JavaScript' 카테고리의 다른 글
객체 object (0) | 2020.09.08 |
---|---|
배열 array (0) | 2020.09.08 |
반복문 for (0) | 2020.09.07 |
조건문 if (0) | 2020.09.04 |
비교 연산자 ==, === (0) | 2020.09.04 |