자바스크립트의 함수

기능



함수는 특정 작업을 수행하는 코드 블록입니다.

선언



함수 이름을 사용하여 함수를 선언하려면 반복이 필요한 코드 블록을 지정합니다.

Syntax:
function function_name() {
    // block-of code
}


  • function 키워드로 선언된 함수.
  • {} 내의 코드 블록.

  • 함수 호출:



    필요한 곳에서 해당 함수를 호출하려면?

    Syntax:
    function_name();
    


    예시

    function greet() {
        console.log('Hello world');
    }
    
    greet(): // Hello world
    
    


    기능 매개변수


  • 함수는 매개변수로 선언할 수 있습니다.
  • 매개변수는 함수를 선언할 때 전달되는 값입니다.

  • function greet(name) {
        console.log(`Hello ${name}`)
    }
    
    greet('Manikandan');  // Hello Manikandan
    
    


    설명
    여기서 'name'은 greet 함수 생성과 함께 선언할 때의 파라미터입니다.

    함수 반환


  • return 문은 함수 호출에 값을 반환하는 데 사용할 수 있습니다.
  • return은 함수가 종료되었음을 나타냅니다. return 문 이후의 코드는 실행되지 않습니다.

  • function add(a, b) {
      return a + b;
    }
    
    const result = add(10, 20);
    console.log("sum is: ", result); // sum is:  30
    

    예시:
    총 3개의 학생 점수를 추가하려는 경우. 나는 각 학생에 대해 computeTotal에 대한 코드를 작성합니다. 따라서 동일한 코드가 세 번 반복됩니다.

    함수에 쓰고 3명의 학생을 위해 3번 호출할 때.
    따라서 여기 코드는 한 번 작성됩니다. 그러나 세 번 사용하십시오.

    그런 함수는 코드를 한 번 작성하고 필요할 때 호출합니다.

    function calculateTotal(mark_1, mark_2, mark_3) {
        const totalMark = mark_1 + mark_2 + mark_3;
        return totalMark;
    }
    
    const student_1 = calculateTotal(90, 45, 60);
    console.log('Student_1 total: ', student_1);
    
    const student_2 = calculateTotal(80, 70, 50); 
    console.log('Student_2 total: ', student_2);
    
    const student_3 = calculateTotal(55, 45, 65);
    console.log('Student_3 total: ', student_3);
    
    /* 
    Student_1 total:  195
    Student_2 total:  200
    Student_3 total:  165
    */
    
    


    좋은 웹페이지 즐겨찾기