230117 JS: 숙달을 위한 메모 - Parameter(매개변수) 편

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영).

 

---

 

현재의 시점으로 과거의 나를 보면 매개변수라는것도 몰랐는데 어떻게 일한건지 알 수가 없다

 

정확히 알지 못했던 이유는 인자, 또는 인수(Argument)와 매번 헷갈렸기 때문인데,

이번 기회를 통해 둘을 제대로 구분 할 수 있어 다행이라는 생각과 함께

기억하고 잊지 않기 위해 예시를 작성해 두려 한다.

 

앞으로 나올 예시가 구조분해 할당과 함께 있는 예시이기 때문에

첨부 한 링크 글을 참고하고 예시를 보면 좋을 것 같다.

 

230116 JS: 숙달을 위한 메모 - 구조 분해 할당 편

---

매개변수(Parameter)란, 밖에서 들어오는 값을 받아주는 역할을 하는데,  = 기호를 사용할 수 있다.

배열 구조분해과, 객체 구조분해를 통해 매개변수 예시를 봐보자

 

예시

function sum(a, b = 1) {
  return a + b
}
console.log(sum(2)); 
// 2라는 인수가, a라는 매개변수에 할당 :  a = 2, b = 1 return을 통한 결과 값 >> 3

//==========================================
// 객체구조분해할당 예시
const user = {
  name: 'nugunugu',
  age: 90,
  // email: 'theseco@gmail.com' //우선주석
}

// 객체를 getName함수에서 호술에서 name을 매개변수로 사용함과 동시에 꺼내 쓰겠다.
function getName({ name }) {
  return name
}

//객체구조할당의 기본구조
function getEmail({ email = '이메일이 없습니다.' }) {
  return email
}

console.log(getName(user)); // 'nugunugu'
console.log(getEmail(user)); // '이메일이 없습니다.'

//==========================================
// 배열구조분해할당 예시

const fruits = ['Apple', 'Banana', 'Cherry'];
const numbers = [1, 2, 3, 4, 5, 6, 7];

function getSecondItem([,b]) { 
//function getSecondItem(arr) { 
  // const {b} = arr
return b
}
console.log(getSecondItem(fruits)) // >> 'Banana'
console.log(getSecondItem(numbers)) // >> 2

//==========================================
// 나머지 매개변수
function sum(...rest) { //매개변수역할이 되면 값을 다 합쳐주는 역할이됨
  console.log(rest); //>> [1, 2, 3, 4, 5, 6, 7, 8]
  return rest.reduce((acc, cur) => acc + cur)
}

const res = sum(1, 2, 3, 4, 5, 6, 7, 8) //뿌려진인수가 몇개든
console.log(res) // 받음 >> 36

 

 

대문사진 출처:https://chitru-shrestha.medium.com/argument-and-parameter-in-javascript-with-examples-14405c8c8757