[TIL] JavaScript - Function(함수) parameter, argument

이나현·2021년 7월 8일
0

JavaScript

목록 보기
4/13
post-thumbnail

Function(함수)

  • 함수선언( function문)
function name([param[, param[,...param]]] {
	statements
}

1) name: 함수 이름
2) param: 함수에 전달되는 인수의 이름
3) statements: 함수의 몸통을 구성하는 몸

  • 함수 표현식
let myFunction = function() {
	statements
    }
  • 화살표 함수 표현식 (=>)
    : 화살표 함수 식은 구문이 더 짧고 어휘상 this 값을 바인딩합니다.
([param[, param]]) => {
	statements
}

param => expression

1) param: 인수의 이름 0개 인수는 ()로 표시돼야 합니다. 인수가 1개뿐이면, 괄호는 필요치 않습니다.

2) statements or expression: 선언문이 여러개인 경우 괄호로 묶기. 단일식(expression)은 괄호 불필요

parameter(매개변수)

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

argument(인자)

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

//함수 선언식(선언식 내 변수명을 쓰면 그것은 매개변수(=myNumber)) 
function doubleNumber(myNumber) {
	let myResult = myNumber * 2
    return myResult
}
//함수 호출문(어떤 함수를 호출하면서! 괄호 안에 값이나 변수는 인자(=3)) 

doubleNumber(3);;

//함수 호출문(값이 정의된 변수를 사용했을 때에도 인자(=someNumber)) 
let someNumber = 43;
doubleNumber(someNumber);

parameter랑 argument랑 계속 헷갈렸는데 parameter는 함수 선언식에서 변수명이고 argument는 함수 호출문에서의 값이라는 사실을 구분하고 정확히 할 수 있었다!
정확한 개념의 정리가 너무 간절했기에, 가장 기초적인 용어부분을 정리해보았다.(잊지말길..)

profile
technology blog

0개의 댓글