JavaScript, TS

JS Basic Syntax(함수와 함수표현 방법)

개발하는지호 2023. 12. 22. 19:15

함수(Function)

 

함수의 어원적 의미는 어떠한 수를 상자에 담고 있다는 의미이다.

 

프로그래밍은 INPUT과 OUTPUT 사이의 Process를 작성하는 것이라고 볼 수 있는데, 그러한 일련의 코드들을 알기 쉬운 하나의 단위로 묶은 것도 함수라고 볼 수 있다.

 

우리가 책에서 원하는 내용을 찾기 위해서는 목차(인덱스)를 보거나 북마크 해둔 책갈피 등을 통해 원하는 페이지로 가서 내용을 찾을 수 있듯이, 코드 역시 내용이 길어지면 원하는 코드와 각 코드의 기능 별로 묶어서 관리하기 위해 함수를 사용한다.

 

현실 세계로 비유하면 무인 판매기인 키오스크나 음료 자판기 등을 예로 들 수 있다.

-> 특정 동작에는 특정 결과값만 출력한다.

 

1. 함수의 기본 구조

 

 

2. 함수를 표현하는 여러가지 방식

 

1. 

// 첫 번째

function hello(name) {
	console.log(`Hello ${name}`)
}

hello("Jason")


// 두 번째

const sayHello = function(name) {
	console.log(`Hello ${name}`)
}

sayHello("Jason")


// 세 번째

const sayHello = (name) => {
	console.log(`Hello ${name}`)
}

sayHello("Jason")

 

*화살표 함수를 많이 사용한다. 

*return 값은 한 줄 일 때 생략해도 된다

 

*웬만하면 {} 붙일 때는 return을 붙이고 적는 것이 좋다. (가끔 오류 발생)