javascript Function(함수)

deokyeong1020·2일 전
0

Function(함수)

1. 함수의 정의

  • 함수란? 하나의 특정한 작업을 수행하도록 설계된 독립적인 블록입니다.


2. 함수의 호출

변수에 이름이 있듯이, 함수도 이름이 있습니다.
함수 이름을 부르면, 함수 내에 있는 코드가 실행됩니다.
함수를 불러 실행시키는 것을 앞으로 "함수를 호출한다" 라고 표현한다.

함수를 정의만 하고 호출하지 않으면 실행되지 않는다는 것도 기억하자.

예시)

function add () {
return 4 + 6
}
위 처럼 add함수를 정의해 줄 수 있다. (다만 설명했듯이 정의했다고 호출되지 않는다.)

add(); <— 요런방식으로 호출하면 10이라는 값이 출력되는데 이런 방식으로 호출한다.

다시 정리해서 : 함수를 호출하는 형태는 아래와 같이 함수 이름에 괄호()를 여닫아주면 됩니다.


3. 함수의 형태

  • function 키워드로 시작하여 

  • 함수 이름을 지어주고

  • 함수를 알리는 소괄호((): parentheses)를 열고 닫고

  • 함수의 시작을 알리는 중괄호({: curly bracket)을 열어줍니다.

  • 실행할 코드를 중괄호와 중괄호 사이에 작성합니다. 함수의 body라고 부르기도 합니다.
    이 부분에 들여쓰기가 되어있습니다. 함수 내부에 있는 코드라는 것을 알기 좋게 하려고 들여쓰기 하였습니다.

  • return(반환) 할 것이 있다면 작성합니다. —> 원하는 것을 반환시킬 수 있다.

  • 중괄호 } curly bracket로 닫아줍니다. 함수의 작성이 끝났음을 알립니다.


Function(함수) - 데이터 반환하기(return)

함수의 반환(return)

모든 함수는 반환(return)을 합니다.

함수는 항상 데이터를 반환하기 때문에 그 결과를 변수에 저장할 수도 있고,

다른 로직에 다시 사용할 수도 있습니다.

함수가 반환을 생략하면 undefined라는 값을 반환합니다.

매개변수(parameter)와 인자(argument)

위에서는 return 키워드를 통해 함수를 호출할 때 데이터를 "반환"하는 법을 배웠습니다.
이제는 함수가 "외부에서 입력 받은 데이터를 처리하는 경우"에 대해 배워보겠습니다.

함수는 어떻게 외부의 값을 받을까요?

함수 이름 옆 소괄호 자리에 적혀 있는 단어는 ‘매개변수’(parameter)라고 부른다.

외부로부터 들어오는 값을 담아 함수 내부에서 사용하도록 하는 ‘변수’의 역할을 합니다.

쉽게 말해서, 함수 외부로부터 들어온 값이 담길 '자리' 혹은 '변수의 이름'

반면 특정한 수, 문자처럼 실질적인 값을 argument(인자)라고 합니다.

앞으로 이 두 종류의 값을 잘 구분해서 사용해야합니다.

Note - 주의 사항!!

  • 함수 내부에서 인자로 받은 변수에 새로운 값을 넣으면 안 됩니다. (아래 예시)

    //Example

function alertSuccess(name) {
let name = “더기;
alert(name + "님 로그인 성공!");
}

// 위와 같이 함수 내부에서 인자로 받은 변수(name)에 새로운 값을 할당하면 안 됩니다…

5. 함수 내부에서 다른 함수 호출하기

함수 안에서 또 함수를 호출할 수도 있습니다.

조금만 더 복잡하게 함수를 사용해보겠습니다.

function ex (x) {
return x * 0.1;
}

function ex2(y) {
return y + ex(y);
}

이렇듯 2가지 함수를 정의하여 함수 내에서 작동하는 함수를 정의 해줄 수 있다.

profile
일일 개발 기록 블로그

0개의 댓글