TIL 02 JavaScript 함수기본

1. 함수 선언, 호출

입력(Input)을 받아서 특정한 기능을 수행하는 함수에 넣어 출력(Output)을 내보내는것이 함수의 기본원리다.

 

function helloWorld(input) {
		console.log('hello world!')
}      // 함수 선언

helloWorld();   // 함수호출

 

자바스크립트에서는 함수는 function키워드로 선언을 한다. 위에 선언된 helloWorld는 선언된 함수명이고 옆에 소괄호에 들어가있는 값이 입력값(Input)이다. 중괄호에 내부에 있는 내용이 함수를 호출하게되면 실행된다. 실행하는방법은 함수명과 옆에 소괄호를 붙여준다.

 

2.  함수 매개변수(Input),  반환문(Output)

function addNumber(num1, num2) {
	return num1 + num2
}

addNumber(10, 20);

 

함수에서 Input을 매개변수(Parameter)라고 정의를 하고 이는 함수를 호출할때 인수를 매개변수를 통해 전달이된다.

addNumber를 호출할때 값이 두개가 전달이되는데 num1에는 10, num2에는 20이 차례대로 들어간다.

함수내부에서는 받은 값들을 통해 Output을 반환하게 된다. 반환하는 값은 return으로 선언하게되고 addNumber함수에서는 num1 + num2 즉 호출된 10+20=30 30을 반환하게 된다.

 

다만 위에서는 호출된 함수는 30이라는 값을 가지고는 있지만 콘솔창에는 아무것도 뜨지 않게된다. 즉 우리눈에는 바로 return값이 보이지 않는다. return된 값은 다른 변수에다가 할당이 가능하다.

 

let result = addNumber(10, 20);    // let result = 30과 같다
console.log(result);  // 30출력됨

 

result변수에 addNumber(10, 20)을 할당했고 이는 반환값인 30을 할당된거랑 동일하다.