[JS/Node] 기초 Chapter - 함수

함수 Intro

 

• 함수가 "작은 기능의 단위"라는 것을 이해할 수 있다.

 

함수란 작업을 수행하거나 값을 계산하는 문장들을 묶어놓은 것과 같다. 어떤 기능을 구현하기 위한 코드를 묶어 함수로 선언해놓으면 같은 기능이 필요할 때마다 함수를 호출하여 사용할 수 있어 반복된 코드 작성을 피할 수 있다.

 

• 함수 선언을 위해 필요한 keyword, name, parameter, body에 대해 이해할 수 있다.

 

keyword 컴퓨터의 동작을 컨트롤할 수 있게 자바스크립트에서 미리 약속해놓은 명령이며 함수 선언을 위해 필요한 keyword는 function이다.

name 함수를 호출할 때 사용할 함수의 이름

parameter 함수에 입력되는 값으로 그 값들을 함수 안에서 어떻게 지칭할지 정해놓는 약속 

body 함수의 내용을 작성하는 곳

 

• 함수 선언과 호출의 기초적인 작동 원리를 이해할 수 있다.

 

함수를 현실에 비유하자면 기계라고 할 수 있다. 자판기를 만들어(함수의 선언) 설치해놓으면(함수의 호출) 동전을 넣어 음료수를 뽑아 마실 수 있다. 함수를 선언하는 데에는 function 키워드를 사용하고 호출하는 데에는 함수의 name 을 사용한다.

 

• 함수가 선언되어 함수 표현식이 변수에 담기는 과정을 설명할 수 있다.

 

• 함수의 결과값이 변수에 할당되어 담기는 과정을 설명할 수 있다.

 

 

함수 기초, 함수 실습

 

• 함수의 호출과 리턴에 대해서 이해하고, 실제 코드로 작성하여 활용할 수 있다.

 

함수의 호출은 함수의 이름을 불러 "이 자판기를 사용하겠습니다." 하는 거고 리턴은 동전을 넣었을 때 음료수가 나오는 것을 말한다. 

function vendingMachine(coin) {
  if (coin inserted) {
  return drinks;
}

 

• 함수 그 자체(func)와, 함수의 호출(func())를 구분하여 사용할 수 있다.

 

• 매개변수(parameter)와 전달인자(argument)를 구분하여 사용할 수 있다.

 

매개변수는 함수 선언에서 활용하기 위해 사용하는 변수이고 전달인자는 함수를 호출할 때 매개변수 자리에 넣는 값을 말한다.

 

• 같은 기능을 하는 함수를 선언식, 표현식, 화살표 함수로 바꾸어 표현할 수 있다.

 

// 함수 선언하는 법
function vendingMachine(coin) {} // 선언식
let vendingMachine = function(coin) {} // 표현식
let vendingMachine = (coin) => {} // 화살표함수