데이터 실행하기

01. 함수 : 선언적 함수

자바스크립트(JavaScript)에서 함수는 프로그램 내에서 재사용 가능한 코드 블록을 나타내는 중요한 개념입니다. 함수를 사용하면 특정 작업을 수행하는 코드를 논리적으로 묶어서 호출하고 실행할 수 있습니다. 이를 통해 코드의 재사용성을 증가시키고 유지보수를 용이하게 만들 수 있습니다. 함수는 자체 스코프 내에서 변수를 선언하고, 매개변수를 통해 입력을 받아 작업을 수행하며, 결과를 반환할 수 있습니다.

{
    function func(){
        var x = 100;
        var y = 200;
        var z = "javascript";

        console.log(x); 
        console.log(y);
        console.log(z); 
   }
   func();
}

함수 선언은 function 키워드를 사용하여 함수를 정의하는 것을 말합니다. 함수 선언을 통해 함수의 이름, 매개변수(parameter), 함수 본문 등을 정의하고 해당 함수를 호출할 수 있습니다.

결과 확인하기

100
200
javascript

02. 함수 : 익명 함수

자바스크립트에서 익명 함수(Anonymous Function)는 이름이 없는 함수를 말합니다. 익명 함수는 주로 함수 표현식으로 사용되며, 다른 함수의 인수로 전달되거나 변수에 할당되는 등의 상황에서 활용됩니다. 익명 함수는 함수 선언과 마찬가지로 함수의 기능을 정의하고 호출할 수 있습니다.

{
    const func8 = function (){
        let x = 100;
        let y = 200;
        let z = "javascript";

        console.log(x); 
        console.log(y);
        console.log(z);  
    }
    func();
}

익명 함수는 주로 함수 표현식과 함께 사용됩니다. 함수 표현식은 변수에 함수를 할당하는 것을 의미하며, 변수를 통해 익명 함수를 참조하고 호출할 수 있습니다.

결과 확인하기

100
200
javascript

03. 함수 : 매개변수 함수

매개변수 함수(Functions with Parameters)는 함수가 호출될 때 함수 내부로 값을 전달하기 위해 사용되는 개념입니다. 함수는 종종 특정 작업을 수행하기 위해 입력값을 필요로 하며, 이 입력값은 매개변수(parameter)를 통해 함수 내부로 전달됩니다.

{
    function func(x, y, z){
        console.log(x);
        console.log(y);
        console.log(z);
    }
    func(100, 200, "javascript");

    const func1 = function(x, y, z){
        console.log(x);
        console.log(y);
        console.log(z);
    }
    func(100, 200, "javascript");
}

매개변수 함수는 여러 가지 방법으로 사용되며, 함수의 유연성과 재사용성을 높이는 데 도움을 줍니다.

결과 확인하기

100
200
javascript
100
200
javascript

04. 함수 : 리턴값 함수

리턴값 함수(Return Value Functions)는 함수가 작업을 수행한 후 결과값을 반환하는 함수를 말합니다. 함수 내부에서 계산된 값을 함수 외부로 전달하거나 다른 곳에서 활용하기 위해 사용됩니다.

{
    function func(){
        const x = 100;
        const y = 200;
        const z = "javascript";
                
        return x + y;
    }
    console.log(func());

    const func1 = function(){
        const x = 100;
        const y = 200;
    const z = "javascript";
                
        return x + y;
    }
    console.log(func1());
}

리턴값 함수는 함수의 실행 결과를 외부로 전달하거나 다른 연산에서 활용하기 위해 중요한 개념입니다. 함수가 작업을 수행하고 그 결과를 호출한 쪽에서 활용할 수 있도록 합니다.

결과 확인하기

300
300

05. 함수 : 매개변수 + 리턴값 함수

매개변수와 리턴값을 가지는 함수는 입력값을 받아 처리하고, 그 결과를 반환하는 기능을 수행합니다.

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

매개변수는 함수로 전달되는 입력 값들을 가리키며, 리턴값은 함수가 처리한 결과를 호출한 곳으로 반환하는 값입니다.

결과 확인하기

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