12. Function(함수) - parameter, argument

장운서·2021년 6월 12일
1

replit - javascript

목록 보기
12/20
post-thumbnail

Function(함수) - parameter, argument

12-1. 매개 변수(parameter)

함수를 정의 하면서, 함수 선언식의 괄호()안에 어떤 변수명 을 쓰면, 우리는 그걸 매개변수 라고 부릅니다. 매개 변수는 그 이름처럼 실제로 함수 안쪽에서 변수와 같은 역할을 하게 됩니다. 함수가 호출될 때 값을 전달받게 되면 매개 변수에 값이 정의됩니다.


12-2. 인자(argument)

어떤 함수를 호출하면서, 호출문의 괄호 안에 어떤 값 또는 값이 정의된 변수를 쓰면, 우리는 그걸 인자 라고 부릅니다. 함수에서 매개변수를 적어둔 상태라면, 호출시 인자로 전달한 값은 매개변수를 통해 사용 가능하게 됩니다.

// doubleNumber 함수 선언식
function doubleNumber(myNumber) { // <- 호출시 전달받은 값을 myNumber 라는 변수명으로 함수 안쪽에서 사용하겠다.
  let myResult = myNumber * 2
  return myResult
}

// doubleNumber 함수 호출문
doubleNumber(3); // <- doubleNumber를 호출하면서 값 3을 전달해주겠다.

이 예시 코드에서 doubleNumber가 선언될 때 괄호안에 myNumber 라고 썼기 때문에, myNumber 매개변수가 함수에서 선언됩니다.

  • doubleNumber 함수를 호출 할 때 괄호안에 인자로 3을 넣었습니다.
  • 인자로 전달한 값 3은 매개변수 myNumber에 정의됩니다.
  • 인자에 값을 넣을때 그 값을 직접 타자로 쳐 줄 필요는 없습니다.
  • 어떤 변수에 정의되어있던 값이라면 그 변수를 인자로 전달해주면 변수에 담겼던 값이 함수로 전달됩니다.
let someNumber = 42
doubleNumber(someNumber); // <- doubleNumber를 호출하면서 값 42를 전달

 

Assignment

✔️ Assignment 1 : 함수 halfNumber 를 선언하고 구현하세요.

  1. 숫자로 된 인자 하나를 받습니다.

  2. 받은 값을 2로 나눈 결과를 리턴합니다.

  3. 매개변수 이름은 마음대로 정해서 사용합니다.

✔️ Assignment 2 : 함수 halfAndAddNumber를 선언하고 구현하세요.

  1. 숫자로 된 인자 하나를 받습니다.

  2. 1번 문제에서 만들었던 halfNumber를 호출하면서, 인자로 받았던 값을 다시 halfNumber 함수에 전달해줍니다.

  3. halfNumber의 리턴결과를 함수 안쪽에서 변수명 result에 정의합니다.

  4. result에 1을 더한 값을 리턴합니다.




// Assignment  아래에서 코드를 작성해주세요
let num;
function halfNumber(value) {
  num = value / 2;
  return num;
}

function halfAndAddNumber(value) {
  halfNumber(value);
  let result = num;

  return result + 1;
}

agrementparameter 는 차이가 있습니다.
Parameter는 함수 혹은 메서드 정의에서 나열되는 변수 명입니다.
반면 Argument는 함수 혹은 메서드를 호출할 때, 전달 혹은 입력되는 실제 값입니다.
Argument의 실체는 변수이고 Argument의 실체는 값입니다.

참조 사이트 - http://taewan.kim/tip/argument_parameter/

profile
방향성을 찾고싶은 프론트엔드개발자

0개의 댓글