본문 바로가기
JavaScript | 자바스크립트

함수 - function

by Pig_CoLa 2020. 7. 10.
SMALL

수학에서의 함수

$f_{(x)}=3x^2 + x + 1$

그래프를 그리지 않을거고 편미분을해 기울기를 구하지 않을거니까 트라우마 때문에 울렁거리는 속을 잠시 진정시키고 이 역할이 무엇일지 봅시다.

미리 x에 대한 동작을 정의 해놓은 것이네요.

이제 함수에 3을 넣어준다면..?

$f_{(3)} = 3\times3^2+3+1=31$

31이라는 값을 얻어낼 수 있습니다.

입력값에 대한 출력값을 사전에 정의하는 거구나

프로그래밍 언어 - 함수

수학에서의 함수와 큰 차이가 없습니다. 다만 입력값이 없을수도 출력값이 없을수도 있죠.

대부분의 프로그래밍 언어에서 (특정언어만 해당하는것이 아닙니다) 함수는 사전에 어떠한 동작을 정의하는 것입니다.

사용법

자바스크립트에서 함수를 만드는 방법은 한가지가 아니지만 가장 일반적인 방법으로는

function 함수이름(파라미터) {
    실행할 구문
}

이와같이 표현합니다.

파라미터...?

파라미터 또는 매개변수 라고 불립니다.

들어온값에 대한 연산을 처리하기 쉽도록 사전에 변수이름을 정해두는 것이죠.

함수의 호출(실행)

함수를 만들어도 실행하지 않으면 아무런 동작을 하지 않습니다 함수의 호출방법 역시 함수를 정의하는 방법 만큼이나 다양하지만 역시 가장 보편적인 방법을 알아보겠습니다.

함수이름 뒤에 소괄호를 열고 닫으면 함수를 실행할 수 있습니다.

function hi() {
    console.log('hi~')
}
hi() // hi~

전달인자

수학의 함수에서 3 이라는 값을 함수에 넣어 값을 얻을 때 어떻게 했죠..?

$f_{(3)} = 3\times3^2+3+1=31$

소괄호 안에 넣어서 사용하네요

프로그래밍 언어에서도 똑같습니다.

// hi라는 함수가 있다고 가정합시다.
hi('hello') // 함수 실행할때 써준 소괄호 안에 넣어주면 됩니다.

파라미터(매개변수)와 전달인자의 차이

전달인자는 이름에서 뜻을 유추할 수 있듯이 전달할 인자를 의미합니다. 함수에게 필요한(넣어줄) 값 이라고 생각하면 좋습니다.

파라미터(매개변수)는 함수를 정의할 때 들어올값을 모르기에 마치 수학에서 x라는 변수를 이용하듯이 동일하게 이용합니다.

function print(parameter) {
    console.log(parameter)
}
// argument === 전달인자
argument = '안녕하세요'
print(argument) // 안녕하세요


function addToTen(num) {
    console.log(num + 10) // 여기서 num은 파라미터
}
addToTen(15) // 25
// 여기서 15는 전달인자
LIST

'JavaScript | 자바스크립트' 카테고리의 다른 글

객체 - Object  (0) 2020.07.13
배열 - Array  (0) 2020.07.12
함수의 반환값 - return  (0) 2020.07.10
조건문(조건부실행, 흐름제어) - if / else if / else  (0) 2020.07.10
변수  (0) 2020.06.27

댓글