웹개발 복습 정리 15 : function

Kimhojin_Zeno·2023년 1월 5일
0

웹개발 복습 정리

목록 보기
15/30

섹션20 : 함수

Functions

함수란 코드의 재사용 가능한 일부로서 언제든 사용할 수 있도록 이름을 붙여놓은 것.

코드의 중복을 줄이는데 유용하고 코드를 읽기 쉽고 이해하기 쉽게 만든다. 항상 함수를 쓰게 된다.

함수 선언, 함수 실행

2단계가 필요하다. 먼저 함수를 선언하고, 그 다음 함수를 실행한다.

Define

function funcName() {
	//do something
}

함수는 이렇게 선언한다. function 뒤에 함수이름+소괄호+ 중괄호 안이 실행될 코드들이다.

Run

funcName(); //run once

funcNmae(); //run again!

함수 이름을 쓰고 소괄호를 열고 닫고. 하면 함수가 실행된다.

괄호를 써야한다.

Arguments

인수.

인수란 함수에 입력하는 값이다.

function greet(person) {
	console.log(`Hi, ${person}!`);
}

함수이름 뒤 소괄호에 매개변수 이름을 넣는다. 이름은 아무거나 상관없다. 그 변수 이름을 이용해 중괄호 안 코드에 사용할 수 있다.

function greet(firstName, lastName) {
	console.log(`Hey there, ${firstName} ${lastName[0]}.`)
}

이렇게 인수를 두개 쓸 수도 있다. 이때는 순서가 중요하다.

Return

console.log는 출력이 아니다. 그냥 콘솔창에 나타낼뿐. return을 써야 만든 값을 출력한다. 내장 메서드는 자체적으로 값을 출력한다.

만약 선언한 함수에 return이 없다면 계산한 값을 저장하고 사용할 수가 없다.

값을 저장하고 보관하기 위해서는 반드시 return 반환 키워드가 필요하다.

function add(x, y) {
	let sum = x + y;
	return sum;
}

return 은 출력하고 함수를 종료시킨다. 즉 return 구문 밑에 코드를 적어봐야 실행이 영원히 안된다.

따라서 하나의 함수 안에 return이 여러개 있다면 그 중하나만 실행된다는 뜻이다.

profile
Developer

0개의 댓글