본문 바로가기
Language/javascript

매개변수와 인자의 차이 (feat 게임만들기 리액트 예시)

by 딸기뚜왈기 2024. 5. 29.

매개변수 (Parameter) : 함수를 정의할 때 사용되는 변수 (variable)

  • 함수를 정의할 때 사용하는 변수입니다. 함수가 호출될 때 인자를 받을 수 있도록 준비하는 역할을 합니다.
  • 예를 들어, generateWinningLines(boardSize) 함수 정의에서 boardSize는 매개변수입니다.

인자 (Argument) : 실제로 함수를 호출할 때 넘기는 변수값 (value)

  • 함수를 호출할 때 전달되는 실제 값입니다. 함수의 매개변수로 전달되어 함수 내에서 사용됩니다.
  • 예를 들어, calculateWinner(squares, 3) 함수 호출에서 3은 인자입니다.

 

 

예시


function generateWinningLines(size) {
    // size는 매개변수 (Parameter)
    const lines = [];
    // 함수 내용
    return lines;
}

function calculateWinner(squares, boardSize) {
    // squares와 boardSize는 매개변수 (Parameter)
    const lines = generateWinningLines(boardSize); // boardSize는 인자 (Argument)
    // 함수 내용
    return null;
}

// 함수 호출 예시
const squares = Array(9).fill(null);
const winner = calculateWinner(squares, 3); // squares와 3은 인자 (Argument)

 

위 예제에서:

  • generateWinningLines(size) 함수 정의에서 size는 매개변수입니다.
  • calculateWinner(squares, boardSize) 함수 정의에서 squares와 boardSize는 매개변수입니다.
  • calculateWinner(squares, 3) 함수 호출에서 squares와 3은 인자입니다.
  • generateWinningLines(boardSize) 함수 호출에서 boardSize는 인자입니다.

따라서 const lines = generateWinningLines(boardSize);에서 boardSize는 generateWinningLines 함수에 전달되는 인자입니다.