JS - 함수(Function)의 선언과 사용 방법

 

이 포스팅은 기본적인 프로그래밍 지식이 있다는 전제하에 작성하였습니다.

기본적인 내용은 생략된 것이 많으며, 필요한 문법과 사용 방법을 위주로 설명하였습니다.

---

함수 선언의 기본 요소

• 함수의 이름
• 괄호 안에서 쉼표로 분리된 매개변수(parameter) 목록
• 중괄호 { } 안에서 함수를 정의하는 자바 스크립트 코드\
• 반환 값 필요시 return 키워드 사용

---

함수 표현식

function functionName(parameter1, parameter2... ) {
	// 코드 작성
}

• functionName : 함수의 이름을 정의
• parameter : 매개 변수. 즉, 입력된 값을 함수에 전달해주는 변수

---

함수 호출

• 정의한 함수의 이름 입력
• 매개 변수 존재시 매개 변수의 값 입력

function fTest() {
	// code
}

fTest();

---

함수 사용 예시

• 매개 변수에 요일을 넣어 오늘의 요일을 출력해보기

function myDay(day) {
	document.write("오늘은 " + day + "입니다.");
}

myDay('월요일');

 

• 반환 값에 메시지를 반환하여 출력해보기
  • 표현 방법은 여러가지이며 본인이 편한 것 사용

// case1
function myDay1(day) {
	return document.write("오늘은 " + day + "입니다.");
}

myDay1('월요일');

// case2
function myDay2(day) {
    let message = "오늘은 " + day + "입니다."
    return message;
}

document.write( myDay2('월요일') );

// case3
function myDay3(day) {
    return "오늘은 " + day + "입니다.";
}

whatDay = myDay3('월요일');

document.write( whatDay );

 

---

참고

• mozilla.org - JavaScript 안내서 - 함수

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Functions

함수 - JavaScript | MDN

 

• javascript.info - 함수

https://ko.javascript.info/function-basics

함수