개요

함수에 대한 기사입니다.
인수, 임시 인수에 대해 다룹니다.

기능

함수란 다양한 처리를 하나의 명령으로 정리할 수 있습니다.

index.js

function show() {
  console.log('A');
  console.log('B');
  console.log('C');
}

show();

함수는 함수의 이름을 지정합니다. 이번에는 이름을 지정합니다.
함수 안의 처리를 호출하기 위해서는 함수명();으로 하는 것으로 호출할 수 있습니다.

index.js

 console.log('------');
 show();
 console.log('------');
 show();
 console.log('------');

이렇게 함수화하면 나중에 내용을 변경해야 할 때 유지 보수가 쉬워집니다.

index.js

for(let i = 0; i <= 4; i++) {
 show();
}

페이지 내에 있으면 호출할 수 있습니다.

임시 인수, 실제 인수

index.js

function show(msg) {//仮引数
  console.log('A');
  console.log(`--${msg}--`);
  console.log('C');
}

console.log('------');
show('hey');//実引数
console.log('------');
show('hello');
console.log('------');

또한 함수를 호출할 때 값을 전달할 수 있습니다. 이것을 실제 인수라고합니다.
그리고 원래 값에 임시 두는 값을 임시 인수라고합니다.

return

index.js

function total (a,b,c) {
  console.log(a * b * c);
}

total(2,4,6); //48
total(5,3,8); //120

이것을 합산하고 싶습니다.

index.js

function total (a,b,c) {
  console.log(a * b * c);
}

const aaa = total(2,4,6); //48
const bbb = total(5,3,8); //120

const totalNum = aaa + bbb;
console.log(totalNum);

결과는 NaN이었다.
이것은 수치를 구하는 계산에서 결과가 숫자가 되지 않을 때 나타납니다.
이 함수는 결과를 반환하기 때문입니다. 이 경우 return을 사용합니다. 함수를 실행하여 반환되는 값입니다.
return을 사용하면 함수를 표현식에 넣고 사용할 수 있습니다.

index.js

function total (a,b,c) {
 return a * b * c;
}

const aaa = total(2,4,6); //48
const bbb = total(5,3,8); //120


const totalNum = aaa + bbb;
console.log(totalNum);

이전의 계산식의 결과는 168이었다.

index.js

function name() {
   return
}

console.log(name());

undefined가 반환됩니다. 이것은 정의되지 않음을 의미합니다.

또한 return 후에 처리를 기술해도 실행되지 않습니다.