JS] function 기초, 함수 만들기/ 호출하기

함수 언제 쓸까요?

 

예를들어 로봇이 A에서 B로 갔다가 오는 과정을

대충 코드로 아래와 같이 써보았습니다.

 

alert("leaveA");

alert("moveRight");

alert("moveRight");

alert("moveUp");

alert("moveUp");

alert("moveUp");

alert("moveRight");

alert("moveRight");

alert("EnterB");

alert("moveLeft");

alert("moveLeft");

alert("moveDown");

alert("moveDown");

alert("moveDown");

alert("moveLeft");

alert("moveLeft");

alert("EnterA");

 

이런 여러 줄의 코드를 만들었다고 했을 때

이 같은 과정을 로봇 B도 갔다오게 하고,

로봇 C도 갔다오게 하려고

이 긴 코드를 매번 다시 타자로 쳐야한다면 

정말 힘든 일이 될 것입니다. 

 

이런 경우 간단히 함수를 사용하면 편리합니다.

 

 

이 많은 코드를 함수에 담아놓고서 

 

 

함수 이름을 호출하면

안에 있는 코드가 주루룩 자동 실행하게 됩니다.

 

 

함수 만드는 법과 호출하는 법

 

함수 만드는 법

function : function 키워드를 먼저 써줘서

컴퓨터에서 이제 함수를 만들겠다는 신호를 준다.

함수 이름( ) : 함수 이름을 붙여 준다.

{ }:  컬리브래켓으로 묶어주는데 만들때는 세미콜론  ; 을 쓰지 않는다.

 

 

 

함수 호출하는 법

함수이름( ); 

함수이름만 적어주고  세미콜론; 으로 마무리해준다

 

코드 보기 

여기서 alert로 해놔서 하나씩 팝업이 뜨는데 

console.log로 변환해 주는게 더 편합니다.

console.log는 다음 장에서 설명하겠습니다.

 

 

 

-- 자료 출처 --

유데미 안젤라유 풀스택 강의