[JS] 22-06-02 자바스크립트 함수 ☑

함수 선언과 호출 형식

매개변수 : (매개:둘 사이에서 양편의 관계를 맺어 주다.) 어떤 매개체를 받아 진행하겠다.

나중에 함수를 호출할 때 매개 역할을 하는 함수. 

인자 : 인자는 매개변수에서 받아오는 것.

함수를 호출할 때 사용하는 것 , 즉 전달 인자를 뜻함.

return : 반환값. 함수에서 나온 값을 반환

 

 

함수 선언

이제 동적으로 사용할 수있다.

함수 선언 - 익명함수

* function은 이름이없기때문에(익명함수) 앞에있는 var변수명 에 종속한다.

반환값 출력

return키워드 사용

특정한 목적을 수행하고 그결과를 반환문을 통해 실행된 결과를 전달

반환문은 함수의 실행을 중단할수있음

배열이나 객체를 포함한 모든 타입의 값을 반환할수있음

 

위 예제와 동일한데, result가 빠져있다. 이 예제가 더 간단.

인자와 매개변수

매개변수 : 나중에 함수를 호출할 때 매개 역할을 하는 함수. 

인자 : 함수를 호출할 때 사용하는 것 , 즉 전달 인자를 뜻함.

return : 반환값. 함수에서 나온 값을 반환

add로 함수명이 동일하여 좋은 예제는 아니다. 항상 함수명은 다르게 짓자.

예제는 순차적으로 진행된다는 것을 보여준다 최신버전으로 덮어진다.. 인자에서 가져와 계산된다. 

  <script>
function add(x, y, z) {
    let sum;
    console.log('x type =' + typeof x);     //변수값 타입 확인하는것.
    console.log('y type =' + typeof y);
    console.log('z type =' + typeof z);
                                            //찾지 못하는 미아가 된 null이외의 모든 오류는 undefined
    if((y===undefined) && (z===undefined)) {
        sum = x;
    }
                                            //  && : 둘다 참일경우 sum에 x를 넣는다. 
    else if(z === undefined) {
        sum = x + y;
    }
                                            //  z만 undefined경우 sum에 x+y 를 넣는다.
    else {
        sum = x + y + z;
    }
    return sum;
}
let r1 = add(2);
let r2 = add(2, 3);
let r3 = add(4, 5, 6);
document.write('함수호출인자부족 : ' + r1 + "<p/>");
document.write('함수호출인자부족 : ' + r2 + "<p/>");
document.write('정상적인 함수 호출 : ' + r3 + "<p/>");
  </script>

<script>
function add() {
let i;
let sum=0;
for(i=0; i<arguments.length; i++) {
sum=sum+arguments[i];
}
document.write("수행 결과 : " + sum + "<p/>");
}
add(2, 3); // 매개변수에 들어가는 값 = 인자 (argument), 암묵적으로 arguments 객체가 함수 내부에 전달
add(2, 3, 4);
add(4, 5, 6, 7, 8);
add(1, 2, 3, 4, 5, 6, 7, 8, 9, 10);
</script>

argument 기본적인 자바스크립트의 내장객체

arguments 객체는 함수에 전달된 인수에 해당하는 Array 형태의 객체입니다.

위예제 출력 결과값

 

첨부 이미지출처 : 한빛