TIL - 함수의 호출과 데이터 받기

rain98·2021년 5월 13일
0

TIL

목록 보기
11/32
post-thumbnail

함수의 기본적인 정의 및 실행

alertSuccess 이름을 가진 함수가 있다. 만약
로그인이 잘 됐으면, "로그인 성공!" 이라는 알림창을 띄우는 함수다.

function alertSuccess() {
  alert("로그인 성공!");
}

함수는 정의했지만, 두 번째 줄인 alert는 실행되지 않는다.
그이유는 함수 내부(블록)는 함수가 호출되기 전까지 실행되지 않기 때문이다. 따라서 함수를 실행 하려면 함수를 호출 해야한다.

함수의 호출법

함수를 호출하려면 함수의 이름과 ()소괄호를 사용하여 이름을 불러야 한다.

alertSuccess();

이렇게 하면 함수를 실행시켜 alert 창이 나타난다.


함수에 데이터 전달하기

alertSuccess 함수의 alert에서 상황에 맞게 메시지를 바꾸고 싶을때 어떻게 할까? 그럴때 사용하는것이 함수에 데이터를 전달하면 된다. 무슨말일까?

"김개발님 로그인 성공!" 

"박대리님 로그인 성공!"

이렇게 알림창을 받고싶다고 할때,

데이터를 전달 받는 함수의 재정의

function alertSuccess(name) {   
  alert(name + "님 로그인 성공!"); 
}

함수를 재정의 하며, 매개변수를 만들고 데이터를 받는다

함수의 호출(데이터 전달)

alertSuccess("김개발");
alertSuccess("박대리");

함수를 호출하면서 넣고 싶은 데이터를 인자(인수)에 넣으면 된다.

연습

  1. 데이터를 전달 받는 isbiggerThanHundred 이라는 이름의 함수를 만든다.
  2. isbiggerThanHundred 함수에서 받은 argument를 myNumber라는 parameter에 저장한다.
  3. isbiggerThanHundred 함수에서
    myNumber가 100보다 크면 "크다!"라는 문자열을 return 한다. 그리고,
    myNumber가 100보다 작거나 같으면 "작다!"라는 문자열을 return 한다.
function isbiggerThanHundred(num) {
  myNumber = num; 
  if(myNumber > 100) {
    return "크다!";
  } else if (myNumber <= 100) {
    return "작다!";
  }
}
profile
헷갈리거나 기억에 남기고 싶은것을 기록합니다.

0개의 댓글