JavaScript 기초 3

Minsu Lee·2023년 4월 20일

✨ SEB FE

Unit5 JavaScript 기초

💡 사람들은 모든 것이 변하기를 바라는 동시에, 모든 것이 그대로 남아 있기를 바란다.
"People want to change everything and, at the same time want it all to remain the same."
-파울로 코엘료(Paul Coelho)

📌 함수

🔍 함수란?

함수: 입력에 따라 그에 걸맞은 작업을 하는 하나의 작업 단위, 논리적인 일련의 작업을 하는 하나의 단위

입력을 받아서 코드블록 내부의 코드를 실행한 후 함수의 실행결과를 반환하는 일련의 과정의 묶음이다.

함수를 사용한다는 것은 특정한 코드실행 과정을 하나의 묶음으로 묶어서 필요할 때마다 호출하여 실행한다는 것을 의미한다. 자주 사용하는 기능, 계산 등은 함수로 작성해 호출하여 사용할 수 있다.

🔍 함수 선언, 표현

변수를 선언하듯 함수 선언 키워드인 function 키워드를 사용하여 함수를 선언하는 방식을 함수선언문, 함수 선언 키워드가 아닌 변수 선언 키워드를 사용하여 함수를 ‘표현’한 방식을 함수표현식 이렇게 두 가지가 있다.

1. 함수선언문

함 수 선언 키워드인 funcstion으로 함수를 "선언"

function greeting(){
  console.log("hello world");
};

2. 함수표현식

변수에 함수를 할당하여 함수를 "표현"

let  greeting = function(){
  console.log("hello world");
};

🔍 매개변수와 전달인자

매개변수는 함수를 정의할 때 선언하고, 함수 코드 블록 안에서 변수처럼 취급된다.
함수를 호출할 때 소괄호 안에 전달인자값을 넣음으로써 매개변수에 값을 할당할 수 있다.

function greeting(name){ // 매개변수: name
  console.log("hello "+name);
};

greeting("minsu")	// 전달인자: "minsu"

🔍return

함수의 반환값!

return의 역할

함수 내부의 코드가 차례대로 실행되다가 return문을 만나면 값을 반환한 후 함수는 종료된다. 다시 말해 return문 뒤에 나오는 코드는 실행되지 않는다.

return문에 작성된 코드를 실행한 후 결과를 함수 외부로 리턴한다. 함수 외부에서 함수를 호출하면 함수의 실행결과를 확인할 수 있다.

함수 호출의 결과를 변수에 할당하는 것도 가능하다.

함수의 호출 결과끼리의 연산도 가능하다.