Giant Danio Fish
본문 바로가기
Javascript

함수

by 코딩왕자 2022. 7. 26.

함수

함수는 프로그램에서 반복적으로 사용되는 기능을 만들어 내기 위한 코드들의 집합이다.


함수의 종류

1. 선언적 함수
2. 익명함수
3. 매개변수 함수
4. 리턴값 함수

1. 선언적함수

'선언적 함수'는 함수를 호출할 때 함수의 앞 또는 뒤에서 호출이 가능하다. 선언적 함수의 형식은 다음과 같다

function func() {
    document.write("실행되었습니다1.");
}
결과 확인하기
실행되었습니다1.

2. 익명함수

익명 함수는 변수에 함수 데이터를 저장하여 변수를 마치 함수처럼 사용 할 수 있도록 만들어 준다. 선언적 함수의 형식은 다음과 같다

const func = function() {
    document.write("실행되었습니다2.");
}
결과 확인하기
실행되었습니다2.

3. 매개변수 함수

매개변수 함수는 함수를 호출할 때 인수로 전달된 값을 함수 내부에서 사용할 수 있게 해주며, 형식은 다음과 같다

function func(str){
    document.write(str);
}
func("실행되었습니다3.");
결과 확인하기
실행되었습니다3.

4. 리턴값 함수

리턴값 함수는 함수가 어떤 기능을 수행하고 그 결과를 호출한 곳으로 돌려주는 값을 말한다. return을 사용하며, 형식은 다음과 같다.

function func(){
    const str = "실행되었습니다4.";
    return str;
}
document.write(func());
결과 확인하기
실행되었습니다4.

5. 화살표 함수

화살표 함수는 기본 함수 표현을 좀 더 간단하게 표현 해줄 수 있는 함수이다.

//func = () => {//function을 없애고 func = () => 만 넣어준다.
// document.write("실행");
//}
//func();

func = () => document.write("실행되었습니다5."); // {}을 지우고 한줄로 줄일수있다.

결과 확인하기
실행되었습니다5.

'Javascript' 카테고리의 다른 글

요소 선택 메서드  (7) 2022.08.06
지역변수/전역변수  (10) 2022.07.28
데이터 타입  (10) 2022.07.25
조건문  (10) 2022.07.25
반복문  (12) 2022.07.21

댓글


광고 준비중입니다