JavaScript - function - 데이터 반환하기

HYUK·2022년 12월 27일
0

1. return

  • 모든 함수는 결과를 반환(return)할 수 있습니다. 함수가 반환한 결과를 변수에 저장할 수도 있고, 다른 로직에 다시 사용할 수도 있습니다.
function noParameter() {
  return 10;
}
const result1 = noParameter(); // 함수의 반환값을 변수에 저장
console.log(result1);

위와 같이 함수를 호출해서, 반환값을 console.log()로 확인하면 됩니다. 그리고 함수의 반환값을 변수에 저장해서 활용할 수도 있습니다.

그러나 함수가 return을 포함해야 하는 건 아닙니다. 함수 내부에 return 키워드를 생략할 수도 있습니다. 하지만 이 경우에도 함수는 무언가를 반환하고 있습니다. 함수가 반환을 생략하면 undefined 라는 값을 반환합니다.

function noReturn(age) {

  const mix = age * 1000;
  // 계산하면 뭘하나? 이 함수는 아무것도 반환하지 않는데!

}

const result5 = noReturn(10);
console.log(result5); // undefined

2. 매개변수(parameter)와 인자(argument)

2-1 매개변수(parameter)

  • 매개변수는 외부로부터 들어오는 값을 담아 함수 내부에서 사용하도록 하는 변수의 역할을 합니다. (함수 외부로부터 들어온 값이 담길 '자리' 혹은 '변수의 이름' 으로 기억!)
function getName(name) { // 매개변수 'name'
  return name + '님';
}

const result2 = getName('개발자'); 
const result3 = getName('디자이너');
const result4 = getName('기획자');

// 매개변수 name의 자리에 개발자, 디자이너, 기획자 등 넣고싶은 내용을 담는다.
   이러한 실직적인 값을 인자(argument)라 한다.

console.log(result2)
console.log(result3)
console.log(result4)

2-2 인자(argument)

  • 위 2-1과 같이 '개발자'라는 값을 보내서 호출할 수 있고, '디자이너', '기획자'
    등 또다른 값을 넣을 수도 있습니다. '개발자'와 같은 실질적인 값을 인자(argument) 라고 합니다.

Assignment

아래의 설명에 따라 함수를 작성해주세요.

  • 함수 이름은 addTen 입니다.
  • 받은 parameter에 10을 더해서 반환(return)해주세요.
function addTen(num) { // 함수 이름과 파라미터 지정
  return num + 10; // 파라미터에 10을 더해 return
}

let add = addTen(1);
console.log(add)
profile
step by step

0개의 댓글