자바스크립트 함수 정리

자바스크립트에서 함수란

 

자바스크립트 함수는 재사용 가능한 코드 블록으로, 입력 매개변수를 받아들이고 출력 값을 반환할 수 있습니다. 함수를 사용하면 코드를 모듈화하고, 코드의 중복을 줄이며, 유지보수성을 향상시킬 수 있습니다.

함수는 하나 이상의 문(statement)을 그룹화하여 이름을 붙이고, 필요할 때 호출하여 실행할 수 있습니다.

 

함수는 일급 객체로 취급되며, 변수나 객체의 속성으로 할당될 수 있고, 매개 변수로 전달될 수 있습니다. 또한 함수 내에서 다른 함수를 정의하여 중첩된 함수를 만들 수도 있습니다.

함수는 자바스크립트에서 매우 중요한 개념 중 하나입니다. 많은 기능을 수행하기 위해 함수를 사용하며, 함수를 이용하여 코드를 재사용하고 모듈화할 수 있습니다.

 

화살표 함수(arrow function)는 ES6(ECMAScript 2015)부터 도입된 새로운 함수 정의 방식입니다. 함수를 간결하게 표현할 수 있어서 함수형 프로그래밍을 할 때 매우 유용합니다.

화살표 함수는 함수 선언문이나 함수 표현식보다 간결하게 작성할 수 있습니다. 일반적인 함수 선언문과 비교해보면, 매개 변수 리스트와 함수 몸체 사이에 => 기호가 있으며 함수 키워드와 함수 이름을 생략할 수 있습니다.

 

선언적 함수  (기본 함수)

선언적 함수(Declaration function)는 자바스크립트에서 함수를 정의하는 가장 일반적인 방법 중 하나입니다. 함수 이름을 지정하고, 매개 변수를 정의하고, 함수 몸체를 작성하여 함수를 생성합니다. 이 함수를 호출할 때는 함수 이름과 괄호를 사용합니다.

function func(){
     document.write("실행되었습니다.<br>");
}
func();

선언적 함수의 화살표 함수 =>

func = () => {
	document.write("실행되었습니다.<br>");
}
func();

 

익명 함수    (변수에 저장하는 함수)

익명 함수(Anonymous function)는 함수 이름이 없는 함수입니다. 익명 함수는 함수 표현식을 사용하여 정의하며, 변수에 할당하여 사용합니다.

const func = function(){
     document.write("실행되었습니다.<br>");
}
func();

익명 함수의 화살표 함수 =>

const func = () => {
	document.write("실행되었습니다.<br>");
}
func();

 

매개변수 함수    (전달 해주는 함수)

자바스크립트 함수에서 매개변수(parameter)는 함수를 호출할 때 함수에 전달되는 값입니다. 함수가 호출될 때, 매개변수는 함수 내부에서 변수로 선언됩니다. 매개변수는 함수 내부에서 함수의 로직을 실행하는 데 필요한 값으로 사용됩니다.

// let str = "실행되었습니다.<br>";   지워도 실행됩니다.

function func(str){
	document.write(str);
}
func("실행되었습니다.<br>");     // func(str);

매개변수 함수의 화살표 함수 =>

func = (str) => {
	document.write(str);
}
func("실행되었습니다.<br>");

 

리턴값(결과/끝) 함수

자바스크립트 함수에서 return 키워드를 사용하여 값을 반환할 수 있습니다. 함수가 값을 반환하는 것을 리턴값(return value)이라고 합니다.

function func(){
     const str = "실행되었습니다.<br>";
     return str;
}
document.write(func());

리턴값의 화살표 함수 =>

func = () => {
    const str = "실행되었습니다.<br>";
    return str;
}
document.write(func());