JAVASCRIPT) 3. 함수

3. 함수

선언적 함수

선언적 함수(Declarative function)는 프로그래밍 언어에서 함수를 선언할 때 사용되는 방식 중 하나입니다. 이 방식은 함수의 이름과 내용을 명시적으로 선언하여 함수를 정의합니다. 선언적 함수는 코드의 가독성을 높이고, 프로그램 구조를 명확하게 만들어 줍니다. 함수의 이름을 명시적으로 지정하고 함수의 내용을 정의함으로써 코드를 이해하고 유지 보수하기 쉽게 만들어 줍니다.

{
function func() {
    console.log("01. 함수가 실행되었습니다.");
}
func();
}

익명 함수

익명 함수(Anonymous function)는 이름이 없는 함수를 의미합니다. 일반적으로 프로그래밍 언어에서 함수는 함수명을 가지고 있어서 함수를 정의하고 호출할 때 그 함수명을 사용합니다. 그러나 익명 함수는 이름 없이 정의되며, 주로 다른 함수의 매개변수로 전달되거나, 함수 내부에서 간단한 연산을 수행할 때 사용됩니다.

{

const func = function () {
    console.log("02. 함수가 실행되었습니다.");
}
func();

}

매개변수 함수

매개변수는 함수 내에서 사용될 입력값을 정의하는 변수입니다. 함수를 호출할 때 매개변수로 전달된 실제 값을 인수(argument)라고 합니다. 명명된 함수와 매개변수 첫 번째 예에서 func라는 이름의 함수를 정의하고 있습니다. 이 함수는 str이라는 이름의 매개변수를 받습니다. 함수 내부에서는 console.log(str);를 통해 매개변수 str에 저장된 값을 콘솔에 출력합니다. func(“03 함수가 실행되었습니다.”);라는 코드로 함수를 호출할 때, “03 함수가 실행되었습니다.”라는 문자열이 str 매개변수로 전달되어 함수 내에서 출력됩니다.

{

//선언적 함수
function func(str) {
    console.log(str);
}
func("03. 함수가 실행되었습니다.");

//익명 함수
const func1 = function (str) {
    console.log(str);
}
func1("03. 함수가 실행되었습니다.");

}

리턴값 함수

리턴값 함수(Return value function)는 함수가 실행된 후 결과를 반환하는 함수를 가리킵니다. 함수가 작업을 수행한 후 그 결과를 호출자(caller)에게 반환(return)하는 것이 리턴값 함수의 특징입니다. 반환되는 값은 함수가 실행된 결과이며, 호출자는 이 값을 이용하여 필요한 작업을 계속할 수 있습니다.

{
//선언적 함수
function func() {
    return "04. 함수가 실행되었습니다."
}
console.log(func());

//익명 함수
const func1 = function () {
    return "04. 함수가 실행되었습니다."
}
console.log(func1());

}

매개함수 + 리턴값 함수

“함수 : 매개함수 + 리턴값 함수”라는 용어는 함수에 관한 두 가지 중요한 측면을 강조하는 것으로 이해할 수 있습니다. 매개함수(Parameter): 함수에게 입력으로 전달되는 값을 말합니다. 이것은 함수가 작업을 수행하기 위해 필요한 데이터를 함수 내부로 전달하는 방법입니다. 매개변수는 함수를 호출할 때 전달되며, 함수 내부에서 이러한 값들은 변수로 사용됩니다. 리턴값(Return Value): 함수가 실행을 마친 후에 반환하는 값을 의미합니다. 이것은 함수가 작업을 완료하고 호출자에게 결과를 돌려주는 방법입니다. 함수는 작업을 마친 후에 결과값을 반환하며, 호출자는 이 값을 이용하여 필요한 작업을 수행할 수 있습니다. 함수가 매개변수를 받고 리턴값을 가지는 것은 매우 일반적입니다. 예를 들어, 두 숫자를 더하는 함수를 생각해보겠습니다. 이 함수는 두 개의 숫자를 매개변수로 받아들이고, 그들을 더한 결과를 반환합니다. str은 매개변수(parameter)라는 뜻으로 함수를 호출할 때 전달되는 값(argument)을 받아들이는 변수입니다. func와 결과값인 console.log()에 동일하게 매개변수인 str을 입력하여 선언한 후 func() & func1()에 결과값을 지정합니다. 이 때, 리턴값을 동시에 선언하고 있기 때문에 return 값은 매개변수인 str로 지정해야합니다.

{
//선언적 함수
function func(str) {
    return str;
}
console.log(func("05. 함수가 실행되었습니다."))
//익명함수
const func1 = function (str) {
    return str;
}
console.log(func1("05. 함수가 실행되었습니다."))
}

선언적 함수

화살표 함수(Arrow function)는 JavaScript에서의 함수를 간단하게 정의하는 방법 중 하나입니다. 화살표 함수는 함수 표현식을 간결하게 작성할 수 있도록 해주며, 함수의 선언을 축약하여 사용할 수 있습니다. 화살표 함수는 보통 “선언적 함수(Declarative function)”와 대비되는 개념으로 사용됩니다. 선언적 함수는 기존의 function 키워드를 사용하여 함수를 선언하는 방식을 말합니다. 기존 선언적 함수에서 function을 지운 후 func와 () 사이엔 ‘=’ ,()와 {} 사이엔 ‘=>’를 입력합니다.

{
// 기존 선언적 함수
function func() {
    console.log("06. 함수가 실행되었습니다.");
}
func();

// 화살표 선언적 함수
func1 = () => {
    console.log("06. 함수가 실행되었습니다.");
}
func1();
}

익명 함수

선언적 함수(declarative function)는 명령형 프로그래밍의 반대 개념으로, 어떻게 해야 하는지를 명시하는 대신에 원하는 결과를 설명하는 방식으로 작성된 함수를 의미합니다. 즉, 선언적 함수는 함수의 구현에 대한 세부 정보를 명시적으로 제공하지 않고도 작업을 수행할 수 있도록 해줍니다. 기존 익명 함수에서 function을 지운 후 func1과 () 사이엔 ‘=’ ,()와 {} 사이엔 ‘=>’를 입력합니다.

{
// 기존 익명 함수
const func = function () {
    console.log("07. 함수가 실행되었습니다.");
}
func();

// 화살표 익명 함수
const func1 = () => {
    console.log("07. 함수가 실행되었습니다.");
}
func1();
}