함수란?
동작해야 할 목적대로 여러 개의 명령을 묶는 것입니다.
함수는 값을 반환하거나 반환하지 않을 수 있으며, 함수를 호출하여 실행됩니다.
함수를 정의할 때는 function 키워드를 사용합니다.
함수 이름은 선택적이며, 함수의 매개변수는 함수 이름 뒤의 괄호 안에 나열됩니다.
함수 내에서 수행될 작업은 중괄호로 감싸져 있습니다.
선언적 함수
함수를 호출할 때 함수의 앞 또는 뒤에서 호출 가능합니다.
function func(){
document.write("실행문");
}
func();호이스팅
변수나 함수를 선언하지 않고 호출하였을 때는 에러가 발생해야하지만, var로 선언한 변수와 선언적 함수는 변수, 함수 선언 이전에 호출하여도 에러가 나지 않습니다. 이런 성질을 끌어 올리기 라는 뜻인 '호이스팅'이라고 합니다
익명 함수
함수 데이터를 저장하여 변수를 마치 함수처럼 사용할 수 있도록 만들어 줍니다.
변수 선언 이후에 호출 해야합니다.
{
const func = function(){
document.write("실행문");
}
func();
}
매개 함수
함수를 호출할때 전달하는 변수가 있는 함수를 매개 함수라고 합니다.
매개변수로 전달되는 함수 속성값을 다 전달시킬 수 있습니다.
{
function func(str){
document.write(str);
}
func("실행문");
}
리턴값 함수
함수를 통해 처리된 결과를 반환시켜주는 명령어 입니다.
함수 내부에서 값을 계산하고 그 값을 함수 외부에 반환할 수 있습니다.
반환된 값은 함수를 호출한 곳에서 변수에 할당하거나 다른 함수의 인수로 사용될 수 있습니다.
{
function func(){
const str = "실행문"
return str;
}
document.write(func());
}
화살표 함수
ES6(ECMAScript 2015)에서 추가된 새로운 함수 정의 방식입니다.
function을 생략한 약식입니다.
위에 설명한 함수들의 기본형 예시로 설명하자면
선언적 함수
{
func = () => {
document.write("실행되었습니다.<br>");
}
func();
}익명 함수
{
const func = () => {
document.write("실행되었습니다.<br>");
}
func();
}매개변수 함수
{
func = (str) => {
document.write(str);
}
func("실행되었습니다.<br>");
}리턴값 함수
{
func = () => {
const str = "실행되었습니다.<br>";
return str;
}
document.write(func();)
func();
}위와 같이 같은 함수를 원래 function 생략하고 화살표 모양으로 표현 할 수 있는게 화살표 함수 입니다.
이상으로 자바스크립트 함수에 대해 간략히 알아보았습니다.