자바스크립트 : 함수

함수

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

---

선언적 함수

선언적 함수는 가장 일반적인 형태로, 함수명이 있는 함수입니다.

function func(){
    document.write("함수가 실행되었습니다.1")
}
func();

결과보기

함수가 실행되었습니다.1

익명 함수

익명 함수는 말 그대로 함수의 이름이 없으며, 변수의 이름을 쓴 함수입니다. 함수를 재사용하지 않을 경우, 익명함수를 만들어서 사용합니다.

const func = function(){
    document.write("함수가 실행되었습니다.2");
}
func();

결과보기

함수가 실행되었습니다.2

매개변수 함수

함수의 매개변수란 함수를 호출할 때 인수로 전달된 값을 함수 내부에서 사용할 수 있게 해주는 변수입니다. 또한, 함수의 인수는 함수가 호출될 때 함수로 값을 전달해주는 변수를 가리킵니다.

function func(str){           //str=변수, func의 값을 전달받았다는 의미
    document.write(str)
}
func("함수가 실행되었습니다.3");

결과보기

함수가 실행되었습니다.3

리턴값 함수

리턴값이란 함수가 어떠한 기능을 수행하고 그 결과를 호출한 곳으로 돌려주는 값을 말합니다. 함수가 어떠한 기능을 수행하고 돌려줄 값이 있으면 return 명령을 사용합니다.

function func(){
    const str = "함수가 실행되었습니다.4";
    return str;
}
document.write(func());

결과보기

함수가 실행되었습니다.4

화살표 함수

ECMAScript 2015(ES6)에 추가된 내용입니다. 화살표 함수를 이용하면 함수 표현식보다 단순하고 간결한 문법으로 함수를 선언할 수 있습니다.

//function func(){
//    document.write("함수가 실행되었습니다5")
//}
//func();
    
func = () => {  //함수 function을 화살표 기호로 생략
    document.write("함수가 실행되었습니다.5")
}
func();

func = () => document.write("함수가 실행되었습니다.5");  //중괄호 생략하여 한줄로 함수 선언 가능
func();

결과보기

함수가 실행되었습니다.5