[211231] 함수의 정의와 호출, return 사용하기

목차

1.   함수를 사용하는 이유

2.   함수의 기능 2가지

3.   함수의 정의 & 호출

4.   함수의 선언 위치

 

---

 

함수를 사용하는 이유

특정 역할을 동일시 수행할 경우, 코드를 반복해서 작성하지 않고 편하게 호출해서 사용하고 싶을때 사용한다.

 

---

 

함수의 기능 2가지

//함수 함수명 (매개변수)
function ingoo(name){
    console.log(name);
}
        
ingoo('민트초코');

1. 매개변수 (인자)
2. return
   1. return을 만나면 함수가 멈추고 값을 내보낸다.
   2. 함수의 결과물을 반환하기 위해서 사용한다.
   3. 함수 안에 있는 내용을 함수 밖에서 사용하고 싶어서 사용.

 

---

 

함수를 사용하기 위한 조건 : '정의'와 '호출'

function ingoo(name){
    let result = name+'님 환영합니다';
    return result;
}

여기까지만하면 result란 값을 반환하니까 값이 출력될 것 같은데 사실상 아무것도 출력되지 않는다.

값을 반환해서 result에 저장하는 것일뿐, 출력명령인 console.log();는 없었으니까.

 

 

function ingoo(name) //함수의 정의{
    //console.log(name + '님 환영합니다')를 쓸 수도 있지만 되도록이면 반환값을 쓰자
    let result = name+'님 환영합니다';
    return result;
}

console.log(ingoo('민트초코')); //함수의 호출

호출을 하지 않는다면 열심히 만든 함수는 실행 될 수가 없다.

 

 

---

 

선언 위치

<script>
    function text1 () {
      let num1 = 10; //함수블럭 내부
    }
    
    console.log(i); //함수블럭 외부
</script>

서로 다른 영역에 저장되어 있는 값들은 서로 소통할 수 없다. 서로 다른 박스 안에 밀봉되어있는 물건들이라고 생각하면 쉽다.