TIL - 16 | JavaScript - 함수

Soojong Kim·2021년 5월 27일
0
post-thumbnail

함수란?

하나의 로직을 재실행 하여 코드의 재사용성을 높여준다.

/*
function 함수명 ( [인자...[,인자]] ) {
  코드
  return 반환값 
*/

function number() {
  i = 0; 
  while(i < 10) {
	document.write(i + '<br/>');
    i += 1;
   }
 }
 number();
 number();
 number();

함수에서 중요한 건 재사용성!

함수의 입력과 출력

function get_arguements(arg) {
  return arg * 100
}
alert(get_arguments(1));
alert(get_arguments(2));
alert(get_arguments(3));

숫자 1,2,3 을 인자(arguement)라 부르고, arg는 매개변수(parameter)라고 부른다.

function get_arguments(arg1, arg2) {
  return arg1 + arg2;
}
alert(get_arguments(10, 20));
alert(get_arguments(20, 30));

인자 10, 20이 매개변수 arg1, arg2에 위치하고 10 + 20의 결과 30과 20 + 30의 결과는 50이 됩니다. 여러 개의 입력값을 받을 수 있지만 리턴 값은 하나만 가지는 한계가 있다

다양한 함수 정의 방법

numbering = function () {
  i = 0;
  while(i < 10) {
    document.write(i);
    i += 1;
  }
}
function numbering() {
  i = 0;
  while(i < 10) {
    document.write(i);
    i += 1;
  }
}

함수를 정의하는 방법이 여러 가지가 있다.

0개의 댓글