<aside> <img src="/icons/cursor-click_orange.svg" alt="/icons/cursor-click_orange.svg" width="40px" /> 빠른 이동을 원하시면, 아래 키워드를 클릭하세요!
</aside>
자바스크립트의**함수, 변수**는 정의되어 있는 영역 안에서만 존재하게 됩니다.
그렇기 때문에 함수 안에서 선언된 변수는 그 밖에서 참조될 수가 없습니다.
위 사진의 confined 변수는 박스로 감싸진 해당 영역 내부에 속해 있기 때문에
박스 바깥에서 confined 변수를 참조하고 있는 console.log() 명령어는 해당 변수에 접근이 불가능합니다.
그래서 코드를 실행시키면 위와 같은 에러를 만나게 되죠.
에러 내용을 살펴보면 confined라는 변수가 정의되지 않았다 고 이야기합니다.
confined 변수는 함수의 영역 안에서만 존재하기 때문에 밖에서는 해당 변수가 존재조차 하지 않는 것이죠.
그래서 우리는 함수 내부에 존재하는 데이터를 return을 통해서 그 밖으로 건네줄 수가 있었습니다.
함수는 데이터를**밖으로 건네주는 것뿐만 아니라,외부의 데이터를 받아온 후**가공, 혹은 로직을 수행하는 것도 가능합니다. 이때, 사용하게 되는 개념이 바로 매개변수입니다.
우리가 함수를 정의할 때는 매개변수라고 하는 함수 내부에서 사용할 변수를 선언해 줄 수 있습니다.
one, two는 우리가 paramDefine이라는 함수를 정의할 때, 함께 정의되는 매개변수 입니다.
우리가 함수 내부에서 변수를 선언했을 때처럼 매개변수는 해당 함수 내부에서만 존재 하게 됩니다.
그리고 매개변수 또한 하나의 변수이기 때문에 그 안에 담긴 데이터를 참조할 수도 있습니다.
위의 코드를 실행시키면 console.log() 명령어는 두개의 undefined를 출력하게 될겁니다.
우리가 one, two라고 하는 두개의 매개변수에 어떠한 값도 할당해주지 않았기 때문이죠.
그렇다면 해당 매개변수에 데이터를 담아주는 부분이 있어야 할텐데 저 매개변수에 데이터를 할당 해주는 부분은 어디 있을까요?
함수를 정의할 때, 매개변수를 함께 정의해줬다면**함수를 호출하는 과정에서 전달인자**를 건네줄 수 있습니다.