Front-end/JavaScript

함수 fuction

- 코드의 재사용, 유지 보수가 용이

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